@charset "UTF-8";
/** ---------------------------------------- animation kenburns-top ---------------------------------------- */
@-webkit-keyframes kenburns-top { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 16%; transform-origin: 50% 16%; }
  100% { -webkit-transform: scale(1.25) translateY(-15px); transform: scale(1.25) translateY(-15px); -webkit-transform-origin: top; transform-origin: top; } }
@keyframes kenburns-top { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 16%; transform-origin: 50% 16%; }
  100% { -webkit-transform: scale(1.25) translateY(-15px); transform: scale(1.25) translateY(-15px); -webkit-transform-origin: top; transform-origin: top; } }
/** ---------------------------------------- animation kenburns-top-right ---------------------------------------- */
@-webkit-keyframes kenburns-top-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 16%; transform-origin: 84% 16%; }
  100% { -webkit-transform: scale(1.25) translate(20px, -15px); transform: scale(1.25) translate(20px, -15px); -webkit-transform-origin: right top; transform-origin: right top; } }
@keyframes kenburns-top-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 16%; transform-origin: 84% 16%; }
  100% { -webkit-transform: scale(1.25) translate(20px, -15px); transform: scale(1.25) translate(20px, -15px); -webkit-transform-origin: right top; transform-origin: right top; } }
/** ---------------------------------------- animation kenburns-right ---------------------------------------- */
@-webkit-keyframes kenburns-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 50%; transform-origin: 84% 50%; }
  100% { -webkit-transform: scale(1.25) translateX(20px); transform: scale(1.25) translateX(20px); -webkit-transform-origin: right; transform-origin: right; } }
@keyframes kenburns-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 50%; transform-origin: 84% 50%; }
  100% { -webkit-transform: scale(1.25) translateX(20px); transform: scale(1.25) translateX(20px); -webkit-transform-origin: right; transform-origin: right; } }
/** ---------------------------------------- animation kenburns-bottom-right ---------------------------------------- */
@-webkit-keyframes kenburns-bottom-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 84%; transform-origin: 84% 84%; }
  100% { -webkit-transform: scale(1.25) translate(20px, 15px); transform: scale(1.25) translate(20px, 15px); -webkit-transform-origin: right bottom; transform-origin: right bottom; } }
@keyframes kenburns-bottom-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 84%; transform-origin: 84% 84%; }
  100% { -webkit-transform: scale(1.25) translate(20px, 15px); transform: scale(1.25) translate(20px, 15px); -webkit-transform-origin: right bottom; transform-origin: right bottom; } }
/** ---------------------------------------- animation kenburns-bottom ---------------------------------------- */
@-webkit-keyframes kenburns-bottom { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 84%; transform-origin: 50% 84%; }
  100% { -webkit-transform: scale(1.25) translateY(15px); transform: scale(1.25) translateY(15px); -webkit-transform-origin: bottom; transform-origin: bottom; } }
@keyframes kenburns-bottom { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 84%; transform-origin: 50% 84%; }
  100% { -webkit-transform: scale(1.25) translateY(15px); transform: scale(1.25) translateY(15px); -webkit-transform-origin: bottom; transform-origin: bottom; } }
/** ---------------------------------------- animation kenburns-bottom-left ---------------------------------------- */
@-webkit-keyframes kenburns-bottom-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 84%; transform-origin: 16% 84%; }
  100% { -webkit-transform: scale(1.25) translate(-20px, 15px); transform: scale(1.25) translate(-20px, 15px); -webkit-transform-origin: left bottom; transform-origin: left bottom; } }
@keyframes kenburns-bottom-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 84%; transform-origin: 16% 84%; }
  100% { -webkit-transform: scale(1.25) translate(-20px, 15px); transform: scale(1.25) translate(-20px, 15px); -webkit-transform-origin: left bottom; transform-origin: left bottom; } }
/** ---------------------------------------- animation kenburns-left ---------------------------------------- */
@-webkit-keyframes kenburns-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 50%; transform-origin: 16% 50%; }
  100% { -webkit-transform: scale(1.25) translate(-20px, 15px); transform: scale(1.25) translate(-20px, 15px); -webkit-transform-origin: left; transform-origin: left; } }
@keyframes kenburns-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 50%; transform-origin: 16% 50%; }
  100% { -webkit-transform: scale(1.25) translate(-20px, 15px); transform: scale(1.25) translate(-20px, 15px); -webkit-transform-origin: left; transform-origin: left; } }
/** ---------------------------------------- animation kenburns-top-left ---------------------------------------- */
@-webkit-keyframes kenburns-top-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 16%; transform-origin: 16% 16%; }
  100% { -webkit-transform: scale(1.25) translate(-20px, -15px); transform: scale(1.25) translate(-20px, -15px); -webkit-transform-origin: top left; transform-origin: top left; } }
@keyframes kenburns-top-left { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 16% 16%; transform-origin: 16% 16%; }
  100% { -webkit-transform: scale(1.25) translate(-20px, -15px); transform: scale(1.25) translate(-20px, -15px); -webkit-transform-origin: top left; transform-origin: top left; } }
/** ---------------------------------------- animation flip-horizontal-bottom ---------------------------------------- */
@-webkit-keyframes flip-horizontal-bottom { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); }
  100% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } }
@keyframes flip-horizontal-bottom { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); }
  100% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } }
/** ---------------------------------------- animation scale-up-center ---------------------------------------- */
@-webkit-keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
/** ---------------------------------------- animation scale-down-center ---------------------------------------- */
@-webkit-keyframes scale-down-center { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0.5); transform: scale(0.5); } }
@keyframes scale-down-center { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0.5); transform: scale(0.5); } }
/** ---------------------------------------- animation scale-down-bl ---------------------------------------- */
@-webkit-keyframes scale-down-bl { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; }
  100% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } }
@keyframes scale-down-bl { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; }
  100% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } }
/** ---------------------------------------- animation scale-down-tl ---------------------------------------- */
@-webkit-keyframes scale-down-tl { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; }
  100% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }
@keyframes scale-down-tl { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; }
  100% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }
/** ---------------------------------------- animation scale-up-bl ---------------------------------------- */
@-webkit-keyframes scale-up-bl { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; }
  100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } }
@keyframes scale-up-bl { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; }
  100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } }
/** ---------------------------------------- animation scale-up-tl ---------------------------------------- */
@-webkit-keyframes scale-up-tl { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; }
  100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }
@keyframes scale-up-tl { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; }
  100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }
/** ---------------------------------------- animation slide-top ---------------------------------------- */
@-webkit-keyframes slide-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } }
@keyframes slide-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } }
/** ---------------------------------------- animation slide-left ---------------------------------------- */
@-webkit-keyframes slide-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } }
@keyframes slide-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } }
/** ---------------------------------------- animation slide-right ---------------------------------------- */
@-webkit-keyframes slide-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100px); transform: translateX(100px); } }
@keyframes slide-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100px); transform: translateX(100px); } }
/** ---------------------------------------- animation slide-bottom ---------------------------------------- */
@-webkit-keyframes slide-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(100px); transform: translateY(100px); } }
@keyframes slide-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(100px); transform: translateY(100px); } }
/** ---------------------------------------- animation scale-in-ver-center ---------------------------------------- */
@-webkit-keyframes scale-in-ver-center { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 1; }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; } }
@keyframes scale-in-ver-center { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 1; }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; } }
/** ---------------------------------------- animation rotate-in-2-fwd-cw ---------------------------------------- */
@-webkit-keyframes rotate-in-2-fwd-cw { 0% { -webkit-transform: translateZ(-200px) rotate(-45deg); transform: translateZ(-200px) rotate(-45deg); opacity: 0; }
  100% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1; } }
@keyframes rotate-in-2-fwd-cw { 0% { -webkit-transform: translateZ(-200px) rotate(-45deg); transform: translateZ(-200px) rotate(-45deg); opacity: 0; }
  100% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1; } }
/** ---------------------------------------- animation rotate-in-2-fwd-ccw ---------------------------------------- */
@-webkit-keyframes rotate-in-2-fwd-ccw { 0% { -webkit-transform: translateZ(-200px) rotate(45deg); transform: translateZ(-200px) rotate(45deg); opacity: 0; }
  100% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1; } }
@keyframes rotate-in-2-fwd-ccw { 0% { -webkit-transform: translateZ(-200px) rotate(45deg); transform: translateZ(-200px) rotate(45deg); opacity: 0; }
  100% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1; } }
/** ---------------------------------------- animation rotate-in-2-bck-cw ---------------------------------------- */
@-webkit-keyframes rotate-in-2-bck-cw { 0% { -webkit-transform: translateZ(200px) rotate(-45deg); transform: translateZ(200px) rotate(-45deg); opacity: 0; }
  100% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1; } }
@keyframes rotate-in-2-bck-cw { 0% { -webkit-transform: translateZ(200px) rotate(-45deg); transform: translateZ(200px) rotate(-45deg); opacity: 0; }
  100% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1; } }
/** ---------------------------------------- animation rotate-in-2-bck-ccw ---------------------------------------- */
@-webkit-keyframes rotate-in-2-bck-ccw { 0% { -webkit-transform: translateZ(200px) rotate(45deg); transform: translateZ(200px) rotate(45deg); opacity: 0; }
  100% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1; } }
@keyframes rotate-in-2-bck-ccw { 0% { -webkit-transform: translateZ(200px) rotate(45deg); transform: translateZ(200px) rotate(45deg); opacity: 0; }
  100% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1; } }
/** ---------------------------------------- animation swirl-in-fwd ---------------------------------------- */
@-webkit-keyframes swirl-in-fwd { 0% { -webkit-transform: rotate(-540deg) scale(0); transform: rotate(-540deg) scale(0); opacity: 0; }
  100% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } }
@keyframes swirl-in-fwd { 0% { -webkit-transform: rotate(-540deg) scale(0); transform: rotate(-540deg) scale(0); opacity: 0; }
  100% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } }
/** ---------------------------------------- animation swirl-in-bck ---------------------------------------- */
@-webkit-keyframes swirl-in-bck { 0% { -webkit-transform: rotate(540deg) scale(5); transform: rotate(540deg) scale(5); opacity: 0; }
  100% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } }
@keyframes swirl-in-bck { 0% { -webkit-transform: rotate(540deg) scale(5); transform: rotate(540deg) scale(5); opacity: 0; }
  100% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } }
/** ---------------------------------------- animation flip-in-hor-bottom ---------------------------------------- */
@-webkit-keyframes flip-in-hor-bottom { 0% { -webkit-transform: rotateX(80deg); transform: rotateX(80deg); opacity: 0; }
  100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } }
@keyframes flip-in-hor-bottom { 0% { -webkit-transform: rotateX(80deg); transform: rotateX(80deg); opacity: 0; }
  100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } }
/** ---------------------------------------- animation flip-in-hor-top ---------------------------------------- */
@-webkit-keyframes flip-in-hor-top { 0% { -webkit-transform: rotateX(-80deg); transform: rotateX(-80deg); opacity: 0; }
  100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } }
@keyframes flip-in-hor-top { 0% { -webkit-transform: rotateX(-80deg); transform: rotateX(-80deg); opacity: 0; }
  100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } }
/** ---------------------------------------- animation flip-in-ver-right ---------------------------------------- */
@-webkit-keyframes flip-in-ver-right { 0% { -webkit-transform: rotateY(-80deg); transform: rotateY(-80deg); opacity: 0; }
  100% { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1; } }
@keyframes flip-in-ver-right { 0% { -webkit-transform: rotateY(-80deg); transform: rotateY(-80deg); opacity: 0; }
  100% { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1; } }
/** ---------------------------------------- animation flip-in-ver-left ---------------------------------------- */
@-webkit-keyframes flip-in-ver-left { 0% { -webkit-transform: rotateY(80deg); transform: rotateY(80deg); opacity: 0; }
  100% { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1; } }
@keyframes flip-in-ver-left { 0% { -webkit-transform: rotateY(80deg); transform: rotateY(80deg); opacity: 0; }
  100% { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1; } }
/** ---------------------------------------- animation flip-in-diag-1-bl ---------------------------------------- */
@-webkit-keyframes flip-in-diag-1-bl { 0% { -webkit-transform: rotate3d(1, 1, 0, 80deg); transform: rotate3d(1, 1, 0, 80deg); opacity: 0; }
  100% { -webkit-transform: rotate3d(1, 1, 0, 0deg); transform: rotate3d(1, 1, 0, 0deg); opacity: 1; } }
@keyframes flip-in-diag-1-bl { 0% { -webkit-transform: rotate3d(1, 1, 0, 80deg); transform: rotate3d(1, 1, 0, 80deg); opacity: 0; }
  100% { -webkit-transform: rotate3d(1, 1, 0, 0deg); transform: rotate3d(1, 1, 0, 0deg); opacity: 1; } }
/** ---------------------------------------- animation flip-in-diag-1-tr ---------------------------------------- */
@-webkit-keyframes flip-in-diag-1-tr { 0% { -webkit-transform: rotate3d(1, 1, 0, -80deg); transform: rotate3d(1, 1, 0, -80deg); opacity: 0; }
  100% { -webkit-transform: rotate3d(1, 1, 0, 0deg); transform: rotate3d(1, 1, 0, 0deg); opacity: 1; } }
@keyframes flip-in-diag-1-tr { 0% { -webkit-transform: rotate3d(1, 1, 0, -80deg); transform: rotate3d(1, 1, 0, -80deg); opacity: 0; }
  100% { -webkit-transform: rotate3d(1, 1, 0, 0deg); transform: rotate3d(1, 1, 0, 0deg); opacity: 1; } }
/** ---------------------------------------- animation flip-in-diag-2-tl ---------------------------------------- */
@-webkit-keyframes flip-in-diag-2-tl { 0% { -webkit-transform: rotate3d(-1, 1, 0, 80deg); transform: rotate3d(-1, 1, 0, 80deg); opacity: 0; }
  100% { -webkit-transform: rotate3d(1, 1, 0, 0deg); transform: rotate3d(1, 1, 0, 0deg); opacity: 1; } }
@keyframes flip-in-diag-2-tl { 0% { -webkit-transform: rotate3d(-1, 1, 0, 80deg); transform: rotate3d(-1, 1, 0, 80deg); opacity: 0; }
  100% { -webkit-transform: rotate3d(1, 1, 0, 0deg); transform: rotate3d(1, 1, 0, 0deg); opacity: 1; } }
/** ---------------------------------------- animation flip-in-diag-2-br ---------------------------------------- */
@-webkit-keyframes flip-in-diag-2-br { 0% { -webkit-transform: rotate3d(-1, 1, 0, -80deg); transform: rotate3d(-1, 1, 0, -80deg); opacity: 0; }
  100% { -webkit-transform: rotate3d(1, 1, 0, 0deg); transform: rotate3d(1, 1, 0, 0deg); opacity: 1; } }
@keyframes flip-in-diag-2-br { 0% { -webkit-transform: rotate3d(-1, 1, 0, -80deg); transform: rotate3d(-1, 1, 0, -80deg); opacity: 0; }
  100% { -webkit-transform: rotate3d(1, 1, 0, 0deg); transform: rotate3d(1, 1, 0, 0deg); opacity: 1; } }
/** ---------------------------------------- animation slide-in-top ---------------------------------------- */
@-webkit-keyframes slide-in-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes slide-in-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-right ---------------------------------------- */
@-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-bottom ---------------------------------------- */
@-webkit-keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-left ---------------------------------------- */
@-webkit-keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-fwd-center ---------------------------------------- */
@-webkit-keyframes slide-in-fwd-center { 0% { -webkit-transform: translateZ(-1400px); transform: translateZ(-1400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
@keyframes slide-in-fwd-center { 0% { -webkit-transform: translateZ(-1400px); transform: translateZ(-1400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-fwd-top ---------------------------------------- */
@-webkit-keyframes slide-in-fwd-top { 0% { -webkit-transform: translateZ(-1400px) translateY(-800px); transform: translateZ(-1400px) translateY(-800px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
@keyframes slide-in-fwd-top { 0% { -webkit-transform: translateZ(-1400px) translateY(-800px); transform: translateZ(-1400px) translateY(-800px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-fwd-right ---------------------------------------- */
@-webkit-keyframes slide-in-fwd-right { 0% { -webkit-transform: translateZ(-1400px) translateX(1000px); transform: translateZ(-1400px) translateX(1000px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } }
@keyframes slide-in-fwd-right { 0% { -webkit-transform: translateZ(-1400px) translateX(1000px); transform: translateZ(-1400px) translateX(1000px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-fwd-bottom ---------------------------------------- */
@-webkit-keyframes slide-in-fwd-bottom { 0% { -webkit-transform: translateZ(-1400px) translateY(800px); transform: translateZ(-1400px) translateY(800px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
@keyframes slide-in-fwd-bottom { 0% { -webkit-transform: translateZ(-1400px) translateY(800px); transform: translateZ(-1400px) translateY(800px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-fwd-left ---------------------------------------- */
@-webkit-keyframes slide-in-fwd-left { 0% { -webkit-transform: translateZ(-1400px) translateX(-1000px); transform: translateZ(-1400px) translateX(-1000px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } }
@keyframes slide-in-fwd-left { 0% { -webkit-transform: translateZ(-1400px) translateX(-1000px); transform: translateZ(-1400px) translateX(-1000px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-bck-center ---------------------------------------- */
@-webkit-keyframes slide-in-bck-center { 0% { -webkit-transform: translateZ(600px); transform: translateZ(600px); opacity: 0; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
@keyframes slide-in-bck-center { 0% { -webkit-transform: translateZ(600px); transform: translateZ(600px); opacity: 0; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-bck-top ---------------------------------------- */
@-webkit-keyframes slide-in-bck-top { 0% { -webkit-transform: translateZ(700px) translateY(-300px); transform: translateZ(700px) translateY(-300px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
@keyframes slide-in-bck-top { 0% { -webkit-transform: translateZ(700px) translateY(-300px); transform: translateZ(700px) translateY(-300px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-bck-tr ---------------------------------------- */
@-webkit-keyframes slide-in-bck-tr { 0% { -webkit-transform: translateZ(700px) translateY(-300px) translateX(400px); transform: translateZ(700px) translateY(-300px) translateX(400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0) translateX(0); transform: translateZ(0) translateY(0) translateX(0); opacity: 1; } }
@keyframes slide-in-bck-tr { 0% { -webkit-transform: translateZ(700px) translateY(-300px) translateX(400px); transform: translateZ(700px) translateY(-300px) translateX(400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0) translateX(0); transform: translateZ(0) translateY(0) translateX(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-bck-right ---------------------------------------- */
@-webkit-keyframes slide-in-bck-right { 0% { -webkit-transform: translateZ(700px) translateX(400px); transform: translateZ(700px) translateX(400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } }
@keyframes slide-in-bck-right { 0% { -webkit-transform: translateZ(700px) translateX(400px); transform: translateZ(700px) translateX(400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-bck-br ---------------------------------------- */
@-webkit-keyframes slide-in-bck-br { 0% { -webkit-transform: translateZ(700px) translateY(300px) translateX(400px); transform: translateZ(700px) translateY(300px) translateX(400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0) translateX(0); transform: translateZ(0) translateY(0) translateX(0); opacity: 1; } }
@keyframes slide-in-bck-br { 0% { -webkit-transform: translateZ(700px) translateY(300px) translateX(400px); transform: translateZ(700px) translateY(300px) translateX(400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0) translateX(0); transform: translateZ(0) translateY(0) translateX(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-bck-bottom ---------------------------------------- */
@-webkit-keyframes slide-in-bck-bottom { 0% { -webkit-transform: translateZ(700px) translateY(300px); transform: translateZ(700px) translateY(300px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
@keyframes slide-in-bck-bottom { 0% { -webkit-transform: translateZ(700px) translateY(300px); transform: translateZ(700px) translateY(300px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-bck-bl ---------------------------------------- */
@-webkit-keyframes slide-in-bck-bl { 0% { -webkit-transform: translateZ(700px) translateY(300px) translateX(-400px); transform: translateZ(700px) translateY(300px) translateX(-400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0) translateX(0); transform: translateZ(0) translateY(0) translateX(0); opacity: 1; } }
@keyframes slide-in-bck-bl { 0% { -webkit-transform: translateZ(700px) translateY(300px) translateX(-400px); transform: translateZ(700px) translateY(300px) translateX(-400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0) translateX(0); transform: translateZ(0) translateY(0) translateX(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-bck-left ---------------------------------------- */
@-webkit-keyframes slide-in-bck-left { 0% { -webkit-transform: translateZ(700px) translateX(-400px); transform: translateZ(700px) translateX(-400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } }
@keyframes slide-in-bck-left { 0% { -webkit-transform: translateZ(700px) translateX(-400px); transform: translateZ(700px) translateX(-400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-bck-tl ---------------------------------------- */
@-webkit-keyframes slide-in-bck-tl { 0% { -webkit-transform: translateZ(700px) translateY(-300px) translateX(-400px); transform: translateZ(700px) translateY(-300px) translateX(-400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0) translateX(0); transform: translateZ(0) translateY(0) translateX(0); opacity: 1; } }
@keyframes slide-in-bck-tl { 0% { -webkit-transform: translateZ(700px) translateY(-300px) translateX(-400px); transform: translateZ(700px) translateY(-300px) translateX(-400px); opacity: 0; }
  100% { -webkit-transform: translateZ(0) translateY(0) translateX(0); transform: translateZ(0) translateY(0) translateX(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-blurred-top ---------------------------------------- */
@-webkit-keyframes slide-in-blurred-top { 0% { -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2); transform: translateY(-1000px) scaleY(2.5) scaleX(0.2); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1); transform: translateY(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes slide-in-blurred-top { 0% { -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2); transform: translateY(-1000px) scaleY(2.5) scaleX(0.2); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1); transform: translateY(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-blurred-tr ---------------------------------------- */
@-webkit-keyframes slide-in-blurred-tr { 0% { -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg); transform: translate(1000px, -1000px) skew(-80deg, -10deg); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translate(0, 0) skew(0deg, 0deg); transform: translate(0, 0) skew(0deg, 0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes slide-in-blurred-tr { 0% { -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg); transform: translate(1000px, -1000px) skew(-80deg, -10deg); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translate(0, 0) skew(0deg, 0deg); transform: translate(0, 0) skew(0deg, 0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-blurred-right ---------------------------------------- */
@-webkit-keyframes slide-in-blurred-right { 0% { -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2); transform: translateX(1000px) scaleX(2.5) scaleY(0.2); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translateX(0) scaleY(1) scaleX(1); transform: translateX(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes slide-in-blurred-right { 0% { -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2); transform: translateX(1000px) scaleX(2.5) scaleY(0.2); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translateX(0) scaleY(1) scaleX(1); transform: translateX(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-blurred-br ---------------------------------------- */
@-webkit-keyframes slide-in-blurred-br { 0% { -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg); transform: translate(1000px, 1000px) skew(80deg, 10deg); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translate(0, 0) skew(0deg, 0deg); transform: translate(0, 0) skew(0deg, 0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes slide-in-blurred-br { 0% { -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg); transform: translate(1000px, 1000px) skew(80deg, 10deg); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translate(0, 0) skew(0deg, 0deg); transform: translate(0, 0) skew(0deg, 0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-blurred-bottom ---------------------------------------- */
@-webkit-keyframes slide-in-blurred-bottom { 0% { -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2); transform: translateY(1000px) scaleY(2.5) scaleX(0.2); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1); transform: translateY(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes slide-in-blurred-bottom { 0% { -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2); transform: translateY(1000px) scaleY(2.5) scaleX(0.2); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1); transform: translateY(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-blurred-bl ---------------------------------------- */
@-webkit-keyframes slide-in-blurred-bl { 0% { -webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg); transform: translate(-1000px, 1000px) skew(-80deg, -10deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translate(0, 0) skew(0deg, 0deg); transform: translate(0, 0) skew(0deg, 0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes slide-in-blurred-bl { 0% { -webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg); transform: translate(-1000px, 1000px) skew(-80deg, -10deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translate(0, 0) skew(0deg, 0deg); transform: translate(0, 0) skew(0deg, 0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-blurred-left ---------------------------------------- */
@-webkit-keyframes slide-in-blurred-left { 0% { -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2); transform: translateX(-1000px) scaleX(2.5) scaleY(0.2); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translateX(0) scaleY(1) scaleX(1); transform: translateX(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes slide-in-blurred-left { 0% { -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2); transform: translateX(-1000px) scaleX(2.5) scaleY(0.2); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translateX(0) scaleY(1) scaleX(1); transform: translateX(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation slide-in-blurred-tl ---------------------------------------- */
@-webkit-keyframes slide-in-blurred-tl { 0% { -webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg); transform: translate(-1000px, -1000px) skew(80deg, 10deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translate(0, 0) skew(0deg, 0deg); transform: translate(0, 0) skew(0deg, 0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes slide-in-blurred-tl { 0% { -webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg); transform: translate(-1000px, -1000px) skew(80deg, 10deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; }
  100% { -webkit-transform: translate(0, 0) skew(0deg, 0deg); transform: translate(0, 0) skew(0deg, 0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation roll-in-left ---------------------------------------- */
@-webkit-keyframes roll-in-left { 0% { -webkit-transform: translateX(-800px) rotate(-540deg); transform: translateX(-800px) rotate(-540deg); opacity: 0; }
  100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; } }
@keyframes roll-in-left { 0% { -webkit-transform: translateX(-800px) rotate(-540deg); transform: translateX(-800px) rotate(-540deg); opacity: 0; }
  100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; } }
/** ---------------------------------------- animation roll-in-top ---------------------------------------- */
@-webkit-keyframes roll-in-top { 0% { -webkit-transform: translateY(-800px) rotate(-540deg); transform: translateY(-800px) rotate(-540deg); opacity: 0; }
  100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; } }
@keyframes roll-in-top { 0% { -webkit-transform: translateY(-800px) rotate(-540deg); transform: translateY(-800px) rotate(-540deg); opacity: 0; }
  100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; } }
/** ---------------------------------------- animation roll-in-right ---------------------------------------- */
@-webkit-keyframes roll-in-right { 0% { -webkit-transform: translateX(800px) rotate(540deg); transform: translateX(800px) rotate(540deg); opacity: 0; }
  100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; } }
@keyframes roll-in-right { 0% { -webkit-transform: translateX(800px) rotate(540deg); transform: translateX(800px) rotate(540deg); opacity: 0; }
  100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; } }
/** ---------------------------------------- animation roll-in-bottom ---------------------------------------- */
@-webkit-keyframes roll-in-bottom { 0% { -webkit-transform: translateY(800px) rotate(540deg); transform: translateY(800px) rotate(540deg); opacity: 0; }
  100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; } }
@keyframes roll-in-bottom { 0% { -webkit-transform: translateY(800px) rotate(540deg); transform: translateY(800px) rotate(540deg); opacity: 0; }
  100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; } }
/** ---------------------------------------- animation roll-in-blurred-left ---------------------------------------- */
@-webkit-keyframes roll-in-blurred-left { 0% { -webkit-transform: translateX(-1000px) rotate(-720deg); transform: translateX(-1000px) rotate(-720deg); -webkit-filter: blur(50px); filter: blur(50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes roll-in-blurred-left { 0% { -webkit-transform: translateX(-1000px) rotate(-720deg); transform: translateX(-1000px) rotate(-720deg); -webkit-filter: blur(50px); filter: blur(50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation roll-in-blurred-top ---------------------------------------- */
@-webkit-keyframes roll-in-blurred-top { 0% { -webkit-transform: translateY(-800px) rotate(-720deg); transform: translateY(-800px) rotate(-720deg); -webkit-filter: blur(50px); filter: blur(50px); opacity: 0; }
  100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes roll-in-blurred-top { 0% { -webkit-transform: translateY(-800px) rotate(-720deg); transform: translateY(-800px) rotate(-720deg); -webkit-filter: blur(50px); filter: blur(50px); opacity: 0; }
  100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation roll-in-blurred-right ---------------------------------------- */
@-webkit-keyframes roll-in-blurred-right { 0% { -webkit-transform: translateX(1000px) rotate(720deg); transform: translateX(1000px) rotate(720deg); -webkit-filter: blur(50px); filter: blur(50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes roll-in-blurred-right { 0% { -webkit-transform: translateX(1000px) rotate(720deg); transform: translateX(1000px) rotate(720deg); -webkit-filter: blur(50px); filter: blur(50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation roll-in-blurred-bottom ---------------------------------------- */
@-webkit-keyframes roll-in-blurred-bottom { 0% { -webkit-transform: translateY(800px) rotate(720deg); transform: translateY(800px) rotate(720deg); -webkit-filter: blur(50px); filter: blur(50px); opacity: 0; }
  100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; } }
@keyframes roll-in-blurred-bottom { 0% { -webkit-transform: translateY(800px) rotate(720deg); transform: translateY(800px) rotate(720deg); -webkit-filter: blur(50px); filter: blur(50px); opacity: 0; }
  100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; } }
/** ---------------------------------------- animation fade-in ---------------------------------------- */
@-webkit-keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
/** ---------------------------------------- animation fade-in-fwd ---------------------------------------- */
@-webkit-keyframes fade-in-fwd { 0% { -webkit-transform: translateZ(-80px); transform: translateZ(-80px); opacity: 0; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
@keyframes fade-in-fwd { 0% { -webkit-transform: translateZ(-80px); transform: translateZ(-80px); opacity: 0; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
/** ---------------------------------------- animation fade-in-bck ---------------------------------------- */
@-webkit-keyframes fade-in-bck { 0% { -webkit-transform: translateZ(80px); transform: translateZ(80px); opacity: 0; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
@keyframes fade-in-bck { 0% { -webkit-transform: translateZ(80px); transform: translateZ(80px); opacity: 0; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
/** ---------------------------------------- animation fade-in-top ---------------------------------------- */
@-webkit-keyframes fade-in-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes fade-in-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
/** ---------------------------------------- animation fade-in-tr ---------------------------------------- */
@-webkit-keyframes fade-in-tr { 0% { -webkit-transform: translateX(50px) translateY(-50px); transform: translateX(50px) translateY(-50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; } }
@keyframes fade-in-tr { 0% { -webkit-transform: translateX(50px) translateY(-50px); transform: translateX(50px) translateY(-50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation fade-in-right ---------------------------------------- */
@-webkit-keyframes fade-in-right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes fade-in-right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
/** ---------------------------------------- animation fade-in-br ---------------------------------------- */
@-webkit-keyframes fade-in-br { 0% { -webkit-transform: translateX(50px) translateY(50px); transform: translateX(50px) translateY(50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; } }
@keyframes fade-in-br { 0% { -webkit-transform: translateX(50px) translateY(50px); transform: translateX(50px) translateY(50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation fade-in-bottom ---------------------------------------- */
@-webkit-keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
/** ---------------------------------------- animation fade-in-bl ---------------------------------------- */
@-webkit-keyframes fade-in-bl { 0% { -webkit-transform: translateX(-50px) translateY(50px); transform: translateX(-50px) translateY(50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; } }
@keyframes fade-in-bl { 0% { -webkit-transform: translateX(-50px) translateY(50px); transform: translateX(-50px) translateY(50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation fade-in-left ---------------------------------------- */
@-webkit-keyframes fade-in-left { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes fade-in-left { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
/** ---------------------------------------- animation fade-in-tl ---------------------------------------- */
@-webkit-keyframes fade-in-tl { 0% { -webkit-transform: translateX(-50px) translateY(-50px); transform: translateX(-50px) translateY(-50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; } }
@keyframes fade-in-tl { 0% { -webkit-transform: translateX(-50px) translateY(-50px); transform: translateX(-50px) translateY(-50px); opacity: 0; }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation scale-out-center ---------------------------------------- */
@-webkit-keyframes scale-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  100% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } }
@keyframes scale-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  100% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } }
/** ---------------------------------------- animation scale-out-vertical ---------------------------------------- */
@-webkit-keyframes scale-out-vertical { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; }
  100% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 1; } }
@keyframes scale-out-vertical { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; }
  100% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 1; } }
/** ---------------------------------------- animation rotate-out-center ---------------------------------------- */
@-webkit-keyframes rotate-out-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } }
@keyframes rotate-out-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } }
/** ---------------------------------------- animation swirl-out-bck ---------------------------------------- */
@-webkit-keyframes swirl-out-bck { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; }
  100% { -webkit-transform: rotate(-540deg) scale(0); transform: rotate(-540deg) scale(0); opacity: 0; } }
@keyframes swirl-out-bck { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; }
  100% { -webkit-transform: rotate(-540deg) scale(0); transform: rotate(-540deg) scale(0); opacity: 0; } }
/** ---------------------------------------- animation slide-out-top ---------------------------------------- */
@-webkit-keyframes slide-out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } }
@keyframes slide-out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } }
/** ---------------------------------------- animation slide-out-tr ---------------------------------------- */
@-webkit-keyframes slide-out-tr { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1; }
  100% { -webkit-transform: translateY(-1000px) translateX(1000px); transform: translateY(-1000px) translateX(1000px); opacity: 0; } }
@keyframes slide-out-tr { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1; }
  100% { -webkit-transform: translateY(-1000px) translateX(1000px); transform: translateY(-1000px) translateX(1000px); opacity: 0; } }
/** ---------------------------------------- animation slide-out-right ---------------------------------------- */
@-webkit-keyframes slide-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } }
@keyframes slide-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } }
/** ---------------------------------------- animation slide-out-br ---------------------------------------- */
@-webkit-keyframes slide-out-br { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1; }
  100% { -webkit-transform: translateY(1000px) translateX(1000px); transform: translateY(1000px) translateX(1000px); opacity: 0; } }
@keyframes slide-out-br { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1; }
  100% { -webkit-transform: translateY(1000px) translateX(1000px); transform: translateY(1000px) translateX(1000px); opacity: 0; } }
/** ---------------------------------------- animation slide-out-bottom ---------------------------------------- */
@-webkit-keyframes slide-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } }
@keyframes slide-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } }
/** ---------------------------------------- animation slide-out-bl ---------------------------------------- */
@-webkit-keyframes slide-out-bl { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1; }
  100% { -webkit-transform: translateY(1000px) translateX(-1000px); transform: translateY(1000px) translateX(-1000px); opacity: 0; } }
@keyframes slide-out-bl { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1; }
  100% { -webkit-transform: translateY(1000px) translateX(-1000px); transform: translateY(1000px) translateX(-1000px); opacity: 0; } }
/** ---------------------------------------- animation slide-out-left ---------------------------------------- */
@-webkit-keyframes slide-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } }
@keyframes slide-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } }
/** ---------------------------------------- animation slide-out-tl ---------------------------------------- */
@-webkit-keyframes slide-out-tl { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1; }
  100% { -webkit-transform: translateY(-1000px) translateX(-1000px); transform: translateY(-1000px) translateX(-1000px); opacity: 0; } }
@keyframes slide-out-tl { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1; }
  100% { -webkit-transform: translateY(-1000px) translateX(-1000px); transform: translateY(-1000px) translateX(-1000px); opacity: 0; } }
/** ---------------------------------------- animation fade-out ---------------------------------------- */
@-webkit-keyframes fade-out { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fade-out { 0% { opacity: 1; }
  100% { opacity: 0; } }
/** ---------------------------------------- animation fade-out-bck ---------------------------------------- */
@-webkit-keyframes fade-out-bck { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
  100% { -webkit-transform: translateZ(-80px); transform: translateZ(-80px); opacity: 0; } }
@keyframes fade-out-bck { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
  100% { -webkit-transform: translateZ(-80px); transform: translateZ(-80px); opacity: 0; } }
/** ---------------------------------------- animation fade-out-fwd ---------------------------------------- */
@-webkit-keyframes fade-out-fwd { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
  100% { -webkit-transform: translateZ(80px); transform: translateZ(80px); opacity: 0; } }
@keyframes fade-out-fwd { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
  100% { -webkit-transform: translateZ(80px); transform: translateZ(80px); opacity: 0; } }
/** ---------------------------------------- animation fade-out-top ---------------------------------------- */
@-webkit-keyframes fade-out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; } }
@keyframes fade-out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; } }
/** ---------------------------------------- animation fade-out-tr ---------------------------------------- */
@-webkit-keyframes fade-out-tr { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; }
  100% { -webkit-transform: translateX(50px) translateY(-50px); transform: translateX(50px) translateY(-50px); opacity: 0; } }
@keyframes fade-out-tr { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; }
  100% { -webkit-transform: translateX(50px) translateY(-50px); transform: translateX(50px) translateY(-50px); opacity: 0; } }
/** ---------------------------------------- animation fade-out-right ---------------------------------------- */
@-webkit-keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; } }
@keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; } }
/** ---------------------------------------- animation fade-out-br ---------------------------------------- */
@-webkit-keyframes fade-out-br { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; }
  100% { -webkit-transform: translateX(50px) translateY(50px); transform: translateX(50px) translateY(50px); opacity: 0; } }
@keyframes fade-out-br { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; }
  100% { -webkit-transform: translateX(50px) translateY(50px); transform: translateX(50px) translateY(50px); opacity: 0; } }
/** ---------------------------------------- animation fade-out-bottom ---------------------------------------- */
@-webkit-keyframes fade-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } }
@keyframes fade-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } }
/** ---------------------------------------- animation fade-out-bl ---------------------------------------- */
@-webkit-keyframes fade-out-bl { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; }
  100% { -webkit-transform: translateX(-50px) translateY(50px); transform: translateX(-50px) translateY(50px); opacity: 0; } }
@keyframes fade-out-bl { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; }
  100% { -webkit-transform: translateX(-50px) translateY(50px); transform: translateX(-50px) translateY(50px); opacity: 0; } }
/** ---------------------------------------- animation fade-out-left ---------------------------------------- */
@-webkit-keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; } }
@keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; } }
/** ---------------------------------------- animation fade-out-tl ---------------------------------------- */
@-webkit-keyframes fade-out-tl { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; }
  100% { -webkit-transform: translateX(-50px) translateY(-50px); transform: translateX(-50px) translateY(-50px); opacity: 0; } }
@keyframes fade-out-tl { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; }
  100% { -webkit-transform: translateX(-50px) translateY(-50px); transform: translateX(-50px) translateY(-50px); opacity: 0; } }
/** ---------------------------------------- animation tracking-in-expand ---------------------------------------- */
@-webkit-keyframes tracking-in-expand { 0% { letter-spacing: -0.5em; opacity: 0; }
  40% { opacity: 0.6; }
  100% { opacity: 1; } }
@keyframes tracking-in-expand { 0% { letter-spacing: -0.5em; opacity: 0; }
  40% { opacity: 0.6; }
  100% { opacity: 1; } }
/** ---------------------------------------- animation tracking-in-expand-fwd ---------------------------------------- */
@-webkit-keyframes tracking-in-expand-fwd { 0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-700px); transform: translateZ(-700px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
@keyframes tracking-in-expand-fwd { 0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-700px); transform: translateZ(-700px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
/** ---------------------------------------- animation tracking-in-expand-fwd-top ---------------------------------------- */
@-webkit-keyframes tracking-in-expand-fwd-top { 0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-700px) translateY(-500px); transform: translateZ(-700px) translateY(-500px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
@keyframes tracking-in-expand-fwd-top { 0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-700px) translateY(-500px); transform: translateZ(-700px) translateY(-500px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation tracking-in-expand-fwd-bottom ---------------------------------------- */
@-webkit-keyframes tracking-in-expand-fwd-bottom { 0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-700px) translateY(500px); transform: translateZ(-700px) translateY(500px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
@keyframes tracking-in-expand-fwd-bottom { 0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-700px) translateY(500px); transform: translateZ(-700px) translateY(500px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation tracking-in-contract ---------------------------------------- */
@-webkit-keyframes tracking-in-contract { 0% { letter-spacing: 1em; opacity: 0; }
  40% { opacity: 0.6; }
  100% { letter-spacing: normal; opacity: 1; } }
@keyframes tracking-in-contract { 0% { letter-spacing: 1em; opacity: 0; }
  40% { opacity: 0.6; }
  100% { letter-spacing: normal; opacity: 1; } }
/** ---------------------------------------- animation tracking-in-contract-bck ---------------------------------------- */
@-webkit-keyframes tracking-in-contract-bck { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px); transform: translateZ(400px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
@keyframes tracking-in-contract-bck { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px); transform: translateZ(400px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } }
/** ---------------------------------------- animation tracking-in-contract-bck-top ---------------------------------------- */
@-webkit-keyframes tracking-in-contract-bck-top { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px) translateY(-300px); transform: translateZ(400px) translateY(-300px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
@keyframes tracking-in-contract-bck-top { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px) translateY(-300px); transform: translateZ(400px) translateY(-300px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation tracking-in-contract-bck-bottom ---------------------------------------- */
@-webkit-keyframes tracking-in-contract-bck-bottom { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px) translateY(300px); transform: translateZ(400px) translateY(300px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
@keyframes tracking-in-contract-bck-bottom { 0% { letter-spacing: 1em; -webkit-transform: translateZ(400px) translateY(300px); transform: translateZ(400px) translateY(300px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } }
/** ---------------------------------------- animation tracking-out-contract ---------------------------------------- */
@-webkit-keyframes tracking-out-contract { 0% { opacity: 1; }
  50% { opacity: 1; }
  100% { letter-spacing: -0.5em; opacity: 0; } }
@keyframes tracking-out-contract { 0% { opacity: 1; }
  50% { opacity: 1; }
  100% { letter-spacing: -0.5em; opacity: 0; } }
/** ---------------------------------------- animation tracking-out-contract-bck ---------------------------------------- */
@-webkit-keyframes tracking-out-contract-bck { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
  60% { opacity: 1; }
  100% { letter-spacing: -0.5em; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); opacity: 0; } }
@keyframes tracking-out-contract-bck { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
  60% { opacity: 1; }
  100% { letter-spacing: -0.5em; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); opacity: 0; } }
/** ---------------------------------------- animation tracking-out-expand-fwd ---------------------------------------- */
@-webkit-keyframes tracking-out-expand-fwd { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
  60% { opacity: 0.8; }
  100% { letter-spacing: 1em; -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } }
@keyframes tracking-out-expand-fwd { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
  60% { opacity: 0.8; }
  100% { letter-spacing: 1em; -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } }
/** ---------------------------------------- animation tracking-out-expand ---------------------------------------- */
@-webkit-keyframes tracking-out-expand { 0% { opacity: 1; }
  60% { opacity: 0.8; }
  100% { letter-spacing: 1em; opacity: 0; } }
@keyframes tracking-out-expand { 0% { opacity: 1; }
  60% { opacity: 0.8; }
  100% { letter-spacing: 1em; opacity: 0; } }
/** ---------------------------------------- animation tracking-out-contract-bck-bottom ---------------------------------------- */
@-webkit-keyframes tracking-out-contract-bck-bottom { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
  60% { opacity: 1; }
  100% { letter-spacing: -0.5em; -webkit-transform: translateZ(-500px) translateY(300px); transform: translateZ(-500px) translateY(300px); opacity: 0; } }
@keyframes tracking-out-contract-bck-bottom { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
  60% { opacity: 1; }
  100% { letter-spacing: -0.5em; -webkit-transform: translateZ(-500px) translateY(300px); transform: translateZ(-500px) translateY(300px); opacity: 0; } }
/** ---------------------------------------- animation tracking-out-contract-bck-top ---------------------------------------- */
@-webkit-keyframes tracking-out-contract-bck-top { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
  60% { opacity: 1; }
  100% { letter-spacing: -0.5em; -webkit-transform: translateZ(-500px) translateY(-300px); transform: translateZ(-500px) translateY(-300px); opacity: 0; } }
@keyframes tracking-out-contract-bck-top { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
  60% { opacity: 1; }
  100% { letter-spacing: -0.5em; -webkit-transform: translateZ(-500px) translateY(-300px); transform: translateZ(-500px) translateY(-300px); opacity: 0; } }
/** ---------------------------------------- animation tracking-out-expand-fwd-bottom ---------------------------------------- */
@-webkit-keyframes tracking-out-expand-fwd-bottom { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
  60% { opacity: 0.8; }
  100% { letter-spacing: 1em; -webkit-transform: translateZ(300px) translateY(200px); transform: translateZ(300px) translateY(200px); opacity: 0; } }
@keyframes tracking-out-expand-fwd-bottom { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
  60% { opacity: 0.8; }
  100% { letter-spacing: 1em; -webkit-transform: translateZ(300px) translateY(200px); transform: translateZ(300px) translateY(200px); opacity: 0; } }
/** ---------------------------------------- animation tracking-out-expand-fwd-top ---------------------------------------- */
@-webkit-keyframes tracking-out-expand-fwd-top { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
  60% { opacity: 0.8; }
  100% { letter-spacing: 1em; -webkit-transform: translateZ(300px) translateY(-200px); transform: translateZ(300px) translateY(-200px); opacity: 0; } }
@keyframes tracking-out-expand-fwd-top { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
  60% { opacity: 0.8; }
  100% { letter-spacing: 1em; -webkit-transform: translateZ(300px) translateY(-200px); transform: translateZ(300px) translateY(-200px); opacity: 0; } }
/** ---------------------------------------- animation text-focus-in ---------------------------------------- */
@-webkit-keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
  100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } }
@keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
  100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } }
/** ---------------------------------------- animation focus-in-expand ---------------------------------------- */
@-webkit-keyframes focus-in-expand { 0% { letter-spacing: -0.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
  100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } }
@keyframes focus-in-expand { 0% { letter-spacing: -0.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
  100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } }
/** ---------------------------------------- animation focus-in-expand-fwd ---------------------------------------- */
@-webkit-keyframes focus-in-expand-fwd { 0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-800px); transform: translateZ(-800px); -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes focus-in-expand-fwd { 0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-800px); transform: translateZ(-800px); -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
  100% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation focus-in-contract ---------------------------------------- */
@-webkit-keyframes focus-in-contract { 0% { letter-spacing: 1em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
  100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } }
@keyframes focus-in-contract { 0% { letter-spacing: 1em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
  100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } }
/** ---------------------------------------- animation focus-in-contract-bck ---------------------------------------- */
@-webkit-keyframes focus-in-contract-bck { 0% { letter-spacing: 1em; -webkit-transform: translateZ(300px); transform: translateZ(300px); -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
  100% { -webkit-transform: translateZ(12px); transform: translateZ(12px); -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
@keyframes focus-in-contract-bck { 0% { letter-spacing: 1em; -webkit-transform: translateZ(300px); transform: translateZ(300px); -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
  100% { -webkit-transform: translateZ(12px); transform: translateZ(12px); -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }
/** ---------------------------------------- animation text-blur-out ---------------------------------------- */
@-webkit-keyframes text-blur-out { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); }
  100% { -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
@keyframes text-blur-out { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); }
  100% { -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
/** ---------------------------------------- animation blur-out-contract ---------------------------------------- */
@-webkit-keyframes blur-out-contract { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); }
  100% { letter-spacing: -0.5em; -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
@keyframes blur-out-contract { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); }
  100% { letter-spacing: -0.5em; -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
/** ---------------------------------------- animation blur-out-contract-bck ---------------------------------------- */
@-webkit-keyframes blur-out-contract-bck { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0.01); filter: blur(0.01); }
  100% { letter-spacing: -0.5em; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
@keyframes blur-out-contract-bck { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0.01); filter: blur(0.01); }
  100% { letter-spacing: -0.5em; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
/** ---------------------------------------- animation blur-out-expand ---------------------------------------- */
@-webkit-keyframes blur-out-expand { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); }
  100% { letter-spacing: 1em; -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
@keyframes blur-out-expand { 0% { -webkit-filter: blur(0.01); filter: blur(0.01); }
  100% { letter-spacing: 1em; -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
/** ---------------------------------------- animation blur-out-expand-fwd ---------------------------------------- */
@-webkit-keyframes blur-out-expand-fwd { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0.01); filter: blur(0.01); }
  100% { letter-spacing: 1em; -webkit-transform: translateZ(300px); transform: translateZ(300px); -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
@keyframes blur-out-expand-fwd { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0.01); filter: blur(0.01); }
  100% { letter-spacing: 1em; -webkit-transform: translateZ(300px); transform: translateZ(300px); -webkit-filter: blur(12px) opacity(0%); filter: blur(12px) opacity(0%); } }
/** ---------------------------------------- @animation text-shadow-drop-bottom ---------------------------------------- */
@-webkit-keyframes text-shadow-drop-bottom { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 0 6px 18px rgba(0, 0, 0, 0.35); } }
@keyframes text-shadow-drop-bottom { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 0 6px 18px rgba(0, 0, 0, 0.35); } }
/** ---------------------------------------- @animation text-shadow-drop-br ---------------------------------------- */
@-webkit-keyframes text-shadow-drop-br { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 6px 6px 18px rgba(0, 0, 0, 0.35); } }
@keyframes text-shadow-drop-br { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 6px 6px 18px rgba(0, 0, 0, 0.35); } }
/** ---------------------------------------- @animation text-shadow-drop-right ---------------------------------------- */
@-webkit-keyframes text-shadow-drop-right { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 6px 0 18px rgba(0, 0, 0, 0.35); } }
@keyframes text-shadow-drop-right { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 6px 0 18px rgba(0, 0, 0, 0.35); } }
/** ---------------------------------------- @animation text-shadow-drop-tr ---------------------------------------- */
@-webkit-keyframes text-shadow-drop-tr { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 6px -6px 18px rgba(0, 0, 0, 0.35); } }
@keyframes text-shadow-drop-tr { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 6px -6px 18px rgba(0, 0, 0, 0.35); } }
/** ---------------------------------------- @animation text-shadow-drop-tl ---------------------------------------- */
@-webkit-keyframes text-shadow-drop-tl { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: -6px -6px 18px rgba(0, 0, 0, 0.35); } }
@keyframes text-shadow-drop-tl { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: -6px -6px 18px rgba(0, 0, 0, 0.35); } }
/** ---------------------------------------- @animation text-shadow-drop-top ---------------------------------------- */
@-webkit-keyframes text-shadow-drop-top { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 0 -6px 18px rgba(0, 0, 0, 0.35); } }
@keyframes text-shadow-drop-top { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 0 -6px 18px rgba(0, 0, 0, 0.35); } }
/** ---------------------------------------- @animation text-shadow-drop-left ---------------------------------------- */
@-webkit-keyframes text-shadow-drop-left { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: -6px 0 18px rgba(0, 0, 0, 0.35); } }
@keyframes text-shadow-drop-left { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: -6px 0 18px rgba(0, 0, 0, 0.35); } }
/** ---------------------------------------- @animation text-shadow-drop-center ---------------------------------------- */
@-webkit-keyframes text-shadow-drop-center { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 0 0 18px rgba(0, 0, 0, 0.35); } }
@keyframes text-shadow-drop-center { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: 0 0 18px rgba(0, 0, 0, 0.35); } }
/** ---------------------------------------- @animation text-shadow-drop-bl ---------------------------------------- */
@-webkit-keyframes text-shadow-drop-bl { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: -6px 6px 18px rgba(0, 0, 0, 0.35); } }
@keyframes text-shadow-drop-bl { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% { text-shadow: -6px 6px 18px rgba(0, 0, 0, 0.35); } }
/** ---------------------------------------- animation text-shadow-pop-top ---------------------------------------- */
@-webkit-keyframes text-shadow-pop-top { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { text-shadow: 0 -1px #555555, 0 -2px #555555, 0 -3px #555555, 0 -4px #555555, 0 -5px #555555, 0 -6px #555555, 0 -7px #555555, 0 -8px #555555; -webkit-transform: translateY(8px); transform: translateY(8px); } }
@keyframes text-shadow-pop-top { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { text-shadow: 0 -1px #555555, 0 -2px #555555, 0 -3px #555555, 0 -4px #555555, 0 -5px #555555, 0 -6px #555555, 0 -7px #555555, 0 -8px #555555; -webkit-transform: translateY(8px); transform: translateY(8px); } }
/** ---------------------------------------- animation text-shadow-pop-tr ---------------------------------------- */
@-webkit-keyframes text-shadow-pop-tr { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
  100% { text-shadow: 1px -1px #555555, 2px -2px #555555, 3px -3px #555555, 4px -4px #555555, 5px -5px #555555, 6px -6px #555555, 7px -7px #555555, 8px -8px #555555; -webkit-transform: translateX(-8px) translateY(8px); transform: translateX(-8px) translateY(8px); } }
@keyframes text-shadow-pop-tr { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
  100% { text-shadow: 1px -1px #555555, 2px -2px #555555, 3px -3px #555555, 4px -4px #555555, 5px -5px #555555, 6px -6px #555555, 7px -7px #555555, 8px -8px #555555; -webkit-transform: translateX(-8px) translateY(8px); transform: translateX(-8px) translateY(8px); } }
/** ---------------------------------------- animation text-shadow-pop-right ---------------------------------------- */
@-webkit-keyframes text-shadow-pop-right { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { text-shadow: 1px 0 #555555, 2px 0 #555555, 3px 0 #555555, 4px 0 #555555, 5px 0 #555555, 6px 0 #555555, 7px 0 #555555, 8px 0 #555555; -webkit-transform: translateX(-8px); transform: translateX(-8px); } }
@keyframes text-shadow-pop-right { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { text-shadow: 1px 0 #555555, 2px 0 #555555, 3px 0 #555555, 4px 0 #555555, 5px 0 #555555, 6px 0 #555555, 7px 0 #555555, 8px 0 #555555; -webkit-transform: translateX(-8px); transform: translateX(-8px); } }
/** ---------------------------------------- animation text-shadow-pop-br ---------------------------------------- */
@-webkit-keyframes text-shadow-pop-br { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
  100% { text-shadow: 1px 1px #555555, 2px 2px #555555, 3px 3px #555555, 4px 4px #555555, 5px 5px #555555, 6px 6px #555555, 7px 7px #555555, 8px 8px #555555; -webkit-transform: translateX(-8px) translateY(-8px); transform: translateX(-8px) translateY(-8px); } }
@keyframes text-shadow-pop-br { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
  100% { text-shadow: 1px 1px #555555, 2px 2px #555555, 3px 3px #555555, 4px 4px #555555, 5px 5px #555555, 6px 6px #555555, 7px 7px #555555, 8px 8px #555555; -webkit-transform: translateX(-8px) translateY(-8px); transform: translateX(-8px) translateY(-8px); } }
/** ---------------------------------------- animation text-shadow-pop-bottom ---------------------------------------- */
@-webkit-keyframes text-shadow-pop-bottom { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { text-shadow: 0 1px #555555, 0 2px #555555, 0 3px #555555, 0 4px #555555, 0 5px #555555, 0 6px #555555, 0 7px #555555, 0 8px #555555; -webkit-transform: translateY(-8px); transform: translateY(-8px); } }
@keyframes text-shadow-pop-bottom { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { text-shadow: 0 1px #555555, 0 2px #555555, 0 3px #555555, 0 4px #555555, 0 5px #555555, 0 6px #555555, 0 7px #555555, 0 8px #555555; -webkit-transform: translateY(-8px); transform: translateY(-8px); } }
/** ---------------------------------------- animation text-shadow-pop-bl ---------------------------------------- */
@-webkit-keyframes text-shadow-pop-bl { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
  100% { text-shadow: -1px 1px #555555, -2px 2px #555555, -3px 3px #555555, -4px 4px #555555, -5px 5px #555555, -6px 6px #555555, -7px 7px #555555, -8px 8px #555555; -webkit-transform: translateX(8px) translateY(-8px); transform: translateX(8px) translateY(-8px); } }
@keyframes text-shadow-pop-bl { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
  100% { text-shadow: -1px 1px #555555, -2px 2px #555555, -3px 3px #555555, -4px 4px #555555, -5px 5px #555555, -6px 6px #555555, -7px 7px #555555, -8px 8px #555555; -webkit-transform: translateX(8px) translateY(-8px); transform: translateX(8px) translateY(-8px); } }
/** ---------------------------------------- animation text-shadow-pop-left ---------------------------------------- */
@-webkit-keyframes text-shadow-pop-left { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { text-shadow: -1px 0 #555555, -2px 0 #555555, -3px 0 #555555, -4px 0 #555555, -5px 0 #555555, -6px 0 #555555, -7px 0 #555555, -8px 0 #555555; -webkit-transform: translateX(8px); transform: translateX(8px); } }
@keyframes text-shadow-pop-left { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { text-shadow: -1px 0 #555555, -2px 0 #555555, -3px 0 #555555, -4px 0 #555555, -5px 0 #555555, -6px 0 #555555, -7px 0 #555555, -8px 0 #555555; -webkit-transform: translateX(8px); transform: translateX(8px); } }
/** ---------------------------------------- animation text-shadow-pop-tl ---------------------------------------- */
@-webkit-keyframes text-shadow-pop-tl { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
  100% { text-shadow: -1px -1px #555555, -2px -2px #555555, -3px -3px #555555, -4px -4px #555555, -5px -5px #555555, -6px -6px #555555, -7px -7px #555555, -8px -8px #555555; -webkit-transform: translateX(8px) translateY(8px); transform: translateX(8px) translateY(8px); } }
@keyframes text-shadow-pop-tl { 0% { text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
  100% { text-shadow: -1px -1px #555555, -2px -2px #555555, -3px -3px #555555, -4px -4px #555555, -5px -5px #555555, -6px -6px #555555, -7px -7px #555555, -8px -8px #555555; -webkit-transform: translateX(8px) translateY(8px); transform: translateX(8px) translateY(8px); } }
/** ---------------------------------------- animation text-pop-up-top ---------------------------------------- */
@-webkit-keyframes text-pop-up-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
@keyframes text-pop-up-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
/** ---------------------------------------- animation text-pop-up-tr ---------------------------------------- */
@-webkit-keyframes text-pop-up-tr { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(-50px) translateX(50px); transform: translateY(-50px) translateX(50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
@keyframes text-pop-up-tr { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(-50px) translateX(50px); transform: translateY(-50px) translateX(50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
/** ---------------------------------------- animation text-pop-up-right ---------------------------------------- */
@-webkit-keyframes text-pop-up-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
@keyframes text-pop-up-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
/** ---------------------------------------- animation text-pop-up-br ---------------------------------------- */
@-webkit-keyframes text-pop-up-br { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(50px) translateX(50px); transform: translateY(50px) translateX(50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
@keyframes text-pop-up-br { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(50px) translateX(50px); transform: translateY(50px) translateX(50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
/** ---------------------------------------- animation text-pop-up-bottom ---------------------------------------- */
@-webkit-keyframes text-pop-up-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
@keyframes text-pop-up-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
/** ---------------------------------------- animation text-pop-up-bl ---------------------------------------- */
@-webkit-keyframes text-pop-up-bl { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(50px) translateX(-50px); transform: translateY(50px) translateX(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
@keyframes text-pop-up-bl { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(50px) translateX(-50px); transform: translateY(50px) translateX(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
/** ---------------------------------------- animation text-pop-up-left ---------------------------------------- */
@-webkit-keyframes text-pop-up-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
@keyframes text-pop-up-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
/** ---------------------------------------- animation text-pop-up-tl ---------------------------------------- */
@-webkit-keyframes text-pop-up-tl { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(-50px) translateX(-50px); transform: translateY(-50px) translateX(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
@keyframes text-pop-up-tl { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(-50px) translateX(-50px); transform: translateY(-50px) translateX(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
/** ---------------------------------------- animation bg-pan-left ---------------------------------------- */
@-webkit-keyframes bg-pan-left { 0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
@keyframes bg-pan-left { 0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
/** ---------------------------------------- animation bg-pan-right ---------------------------------------- */
@-webkit-keyframes bg-pan-right { 0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; } }
@keyframes bg-pan-right { 0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; } }
/** ---------------------------------------- animation bg-pan-top ---------------------------------------- */
@-webkit-keyframes bg-pan-top { 0% { background-position: 50% 100%; }
  100% { background-position: 50% 0%; } }
@keyframes bg-pan-top { 0% { background-position: 50% 100%; }
  100% { background-position: 50% 0%; } }
/** ---------------------------------------- animation bg-pan-bottom ---------------------------------------- */
@-webkit-keyframes bg-pan-bottom { 0% { background-position: 50% 0%; }
  100% { background-position: 50% 100%; } }
@keyframes bg-pan-bottom { 0% { background-position: 50% 0%; }
  100% { background-position: 50% 100%; } }
/** ---------------------------------------- animation bg-pan-tr ---------------------------------------- */
@-webkit-keyframes bg-pan-tr { 0% { background-position: 0% 100%; }
  100% { background-position: 100% 0%; } }
@keyframes bg-pan-tr { 0% { background-position: 0% 100%; }
  100% { background-position: 100% 0%; } }
/** ---------------------------------------- animation bg-pan-br ---------------------------------------- */
@-webkit-keyframes bg-pan-br { 0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; } }
@keyframes bg-pan-br { 0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; } }
/** ---------------------------------------- animation bg-pan-bl ---------------------------------------- */
@-webkit-keyframes bg-pan-bl { 0% { background-position: 100% 0%; }
  100% { background-position: 0% 100%; } }
@keyframes bg-pan-bl { 0% { background-position: 100% 0%; }
  100% { background-position: 0% 100%; } }
/** ---------------------------------------- animation bg-pan-tl ---------------------------------------- */
@-webkit-keyframes bg-pan-tl { 0% { background-position: 100% 100%; }
  100% { background-position: 0% 0%; } }
@keyframes bg-pan-tl { 0% { background-position: 100% 100%; }
  100% { background-position: 0% 0%; } }
/** ---------------------------------------- animation color-change-2x ---------------------------------------- */
@-webkit-keyframes color-change-2x { 0% { background: #19dcea; }
  100% { background: #b22cff; } }
@keyframes color-change-2x { 0% { background: #19dcea; }
  100% { background: #b22cff; } }
/** ---------------------------------------- animation color-change-3x ---------------------------------------- */
@-webkit-keyframes color-change-3x { 0% { background: #19dcea; }
  50% { background: #b22cff; }
  100% { background: #ea2222; } }
@keyframes color-change-3x { 0% { background: #19dcea; }
  50% { background: #b22cff; }
  100% { background: #ea2222; } }
/** ---------------------------------------- animation color-change-4x ---------------------------------------- */
@-webkit-keyframes color-change-4x { 0% { background: #19dcea; }
  33.3333% { background: #b22cff; }
  66.666% { background: #ea2222; }
  100% { background: #f5be10; } }
@keyframes color-change-4x { 0% { background: #19dcea; }
  33.3333% { background: #b22cff; }
  66.666% { background: #ea2222; }
  100% { background: #f5be10; } }
/** ---------------------------------------- animation color-change-5x ---------------------------------------- */
@-webkit-keyframes color-change-5x { 0% { background: #19dcea; }
  25% { background: #b22cff; }
  50% { background: #ea2222; }
  75% { background: #f5be10; }
  100% { background: #3bd80d; } }
@keyframes color-change-5x { 0% { background: #19dcea; }
  25% { background: #b22cff; }
  50% { background: #ea2222; }
  75% { background: #f5be10; }
  100% { background: #3bd80d; } }
/* ---------------------------------------------- Generated by Animista on 2020-4-23 14:44:38 Licensed under FreeBSD License. See http://animista.net/license for more info.  w: http://animista.net, t: @cssanimista ---------------------------------------------- */
/** ---------------------------------------- animation scale-down-ver-top ---------------------------------------- */
@-webkit-keyframes scale-down-ver-top { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; }
  100% { -webkit-transform: scaleY(0.3); transform: scaleY(0.5); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } }
@keyframes scale-down-ver-top { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; }
  100% { -webkit-transform: scaleY(0.3); transform: scaleY(0.3); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } }
@-webkit-keyframes fadeOut { 0% { opacity: .5; }
  100% { opacity: 1; } }
@keyframes fadeOut { 0% { opacity: .5; }
  100% { opacity: 1; } }
/** ---------------------------------------- animation flip-vertical-right ---------------------------------------- */
@-webkit-keyframes flip-vertical-right { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } }
@keyframes flip-vertical-out { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
  100% { -webkit-transform: rotateY(0); transform: rotateY(0); } }
@-webkit-keyframes flip-vertical-out { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
  100% { -webkit-transform: rotateY(0); transform: rotateY(0); } }
@keyframes flip-vertical-right { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } }
@-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(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.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); 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(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.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; } }
@-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes fadeInopacity { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeInopacity { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fade-out-down { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fade-out-down { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@-webkit-keyframes fade-in-up { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fade-in-up { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes text-pop-up-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
@keyframes text-pop-up-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
  100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3); } }
/* Header */
.main-header { /* PC 메뉴 */ }
.main-header .logo { font-family: "Noto Sans KR", sans-serif; font-size: 1.5rem; font-weight: 900; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }
.main-header .off-menu-btn { font-size: 2rem; color: #fff; }
.main-header .default-menu { font-size: .75rem; }
.main-header .main-nav-menu { z-index: 100; }
.main-header .main-nav-menu .nav-link.depth1 { font-family: "Noto Sans KR", sans-serif; font-weight: 900; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); color: #fff; }
.main-header .main-nav-menu .nav-link.depth1:hover { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75); color: #8eff61; }
.main-header .main-nav-menu .nav-link.depth2 { font-family: "Noto Sans KR", sans-serif; font-weight: 400; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); color: #fff; }
.main-header .main-nav-menu .nav-link.depth2:hover { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); color: #8eff61; }
.main-header .main-nav-menu .sub-menu .sub-menu-wrap { display: none; overflow: hidden; background-color: #0d6efd; margin-top: -.1rem; min-width: 200px; width: 100%; }
.main-header .main-nav-menu .sub-menu:hover .sub-menu-wrap { display: flex; }
.main-header .default-menu-right a { display: inline-block; }
.main-header .default-menu-right a:not(:last-of-type) { margin-right: .5rem; }

/* 팝업레이어 */
#hd_pop { z-index: 1000; position: relative; margin: 0 auto; height: 0; }
#hd_pop h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#hd_pop .hd_pops { position: absolute; border: 1px solid #dee2e6; background: #fff; }
#hd_pop .hd_pops img { max-width: 100%; }
@media (max-width: 575.98px) { #hd_pop .hd_pops { top: auto !important; left: auto !important; width: 100% !important; }
  #hd_pop .hd_pops .hd_pops_con { width: 100% !important; } }
#hd_pop .hd_pops_footer { padding: 0; background: #000; color: #fff; text-align: left; position: relative; font-size: .75rem; }
#hd_pop .hd_pops_footer:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_pop .hd_pops_footer button { padding: 10px; border: 0; color: #fff; }
#hd_pop .hd_pops_footer .hd_pops_reject { background: #000; text-align: left; }
#hd_pop .hd_pops_footer .hd_pops_close { background: #393939; position: absolute; top: 0; right: 0; }

/* 인기검색어 */
.pop-text-wrap .badge a { display: inline-block; color: #495057; font-family: "Nanum Gothic", sans-serif; font-weight: 400; padding-bottom: .15rem; }

.mobile-left-offcanvas { width: 300px !important; }
.mobile-left-offcanvas .mobile-nav-menu .sub-nav .nav-link { font-size: .875rem; }

.mobile-right-offcanvas { width: 300px !important; }

.footer { font-family: "Nanum Gothic", sans-serif; font-weight: 400; color: #ced4da; font-size: .875rem; }
.footer a { color: #ced4da; }
.footer .tail-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
.footer .site-title { font-family: "Noto Sans KR", sans-serif; font-weight: 900; color: #6c757d; font-size: 2rem; }
.footer .company-info .list-group-item { color: #ced4da; background-color: transparent; padding: .2rem; }
.footer .tail-visit .list-group-item { background-color: transparent; color: #ced4da; padding: .25rem; }
@media (min-width: 768px) { .footer .tail-visit .list-group-item { padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); } }
.footer .tail-visit .list-group-item a { color: #ced4da; }
.footer .sns-icons-wrap a { color: #495057; padding: .5rem; font-size: 1.5rem; }
.footer .sns-icons-wrap a:hover { color: #ced4da; }
@media (min-width: 768px) { .footer .sns-icons-wrap a { font-size: 2rem; } }

.gotop { right: .1rem; bottom: 3rem; }

._shop { background-color: #fff; border-bottom: 1px solid #e9ecef; }
._shop .main-menu-wrap { margin-bottom: -1px; }
._shop .main-menu-wrap .off-menu-btn { font-size: 2rem; color: #495057; }
._shop .top-menu-wrap { font-family: "Noto Sans KR", sans-serif; font-size: .875rem; font-weight: 200; }
._shop .top-menu-wrap a { font-size: .875rem; font-weight: 200; font-family: "Noto Sans KR", sans-serif; }
._shop .top-menu-wrap { border-bottom: solid 1px #e9ecef; }
._shop .top-menu-wrap a { font-size: .75rem; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; }
._shop .top-menu-wrap .mobile-top-menu .dropdown-toggle::after { display: none !important; }
._shop .category-wrap .primary-menu { font-weight: 400; font-family: 'Noto Sans KR', sans-serif; font-size: .875rem; }
@media (min-width: 768px) { ._shop .category-wrap .primary-menu { font-size: 1rem; } }
._shop .category-wrap .header-main-nav { border: none; margin-right: -1px; }
@media (min-width: 768px) { ._shop .category-wrap .header-main-nav { border: 1px solid #e9ecef; border-bottom: none; } }
._shop .category-wrap .header-main-nav:last-child { margin-right: 0; }
._shop .category-wrap .header-main-nav:hover .primary-menu { color: #cc9a06; }
._shop .category-wrap .header-main-nav.active { margin-top: 0; }
@media (min-width: 768px) { ._shop .category-wrap .header-main-nav.active { margin-top: -10px; } }
._shop .category-wrap .header-main-nav.active .primary-menu { font-size: .875rem; color: #cc9a06; }
@media (min-width: 768px) { ._shop .category-wrap .header-main-nav.active .primary-menu { font-size: 1.25rem; } }
._shop .search-wrap .goods-search { border: 2px solid #3d8bfd; margin: auto 0; }
@media (min-width: 768px) { ._shop .search-wrap .goods-search { margin: auto 5rem; } }
@media (min-width: 768px) { ._shop .search-wrap .goods-search { margin: auto 15%; } }
._shop .search-wrap .goods-search .form-select { flex-grow: 0; min-width: 30%; }
._shop .search-wrap .goods-search .form-control, ._shop .search-wrap .goods-search .form-select, ._shop .search-wrap .goods-search .btn { color: #495057; border: none; }
._shop .search-wrap .goods-search .btn:hover { color: #fff; }

.quick-menu { z-index: 1000; right: 0; top: 212px; max-width: 100px; height: 100%; transition: top 0.5s ease 0s; }

.top-0 { top: 0px !important; transition: top 1s ease 0s; }

.login-wrap a.d-flex { color: #6c757d; font-weight: 400; }
.login-wrap a.d-flex:hover { color: #ffda6a; font-weight: 400; }
.login-wrap a.d-flex .login-icon { font-size: 2.5rem; }
.login-wrap a.d-flex span { font-size: .75rem; }
.login-wrap a.d-flex.flex-column { line-height: 1rem; }

.login-wrap-mobile .cart-num { right: -23px; top: 20%; }

.gotop { z-index: 1000000; }

.orderform-wrap #forderform .sound_only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.orderform-wrap #forderform [name=od_zip], .orderform-wrap #forderform [name=od_b_zip] { width: 100% !important; }
@media (min-width: 768px) { .orderform-wrap #forderform [name=od_zip], .orderform-wrap #forderform [name=od_b_zip] { width: 50% !important; } }
.orderform-wrap #forderform .sod_frm_pc { display: flex; flex-direction: column; }
.orderform-wrap #forderform #od_memo { width: 100%; }
.orderform-wrap #forderform th, .orderform-wrap #forderform td { background-color: #fff; }
.orderform-wrap #forderform .od_prd_list .td_prd { text-align: left; min-height: 120px; }
.orderform-wrap #forderform .od_prd_list .td_prd .sod_img { display: flex; float: left; margin-right: .5rem; }
.orderform-wrap #forderform .od_prd_list .td_prd .sod_name { align-items: flex-start; justify-content: space-between; display: flex; flex-direction: column; }
.orderform-wrap #forderform .od_prd_list .td_prd .sod_name .sod_opt ul, .orderform-wrap #forderform .od_prd_list .td_prd .sod_name .sod_opt li { list-style: none; padding: 0; margin: 0; font-size: .75rem; color: #495057; }
.orderform-wrap #forderform #sod_frm:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform #sod_frm p { margin: 0 0 10px; }
.orderform-wrap #forderform #sod_frm .od_prd_list { margin-bottom: 20px; }
.orderform-wrap #forderform #sod_frm .tbl_frm01 { padding: 20px 10px; }
.orderform-wrap #forderform #sod_frm .tbl_frm01 th { vertical-align: top; padding: .25rem 1rem; line-height: 2rem; }
.orderform-wrap #forderform #sod_frm .tbl_frm01 td { text-align: left; vertical-align: top; padding: .25rem 1rem; line-height: 2rem; }
.orderform-wrap #forderform #sod_frm .tbl_frm01 td .frm_input { border: 1px solid rgba(0, 0, 0, 0.25); }
.orderform-wrap #forderform #sod_frm .tbl_frm01 td .frm_input, .orderform-wrap #forderform #sod_frm .tbl_frm01 td button { margin-bottom: .1rem; }
.orderform-wrap #forderform #sod_frm .tbl_frm01 td input { width: 100%; }
.orderform-wrap #forderform #sod_frm .tbl_frm01 td .addr input { width: 20%; }
.orderform-wrap #forderform #sod_frm .tbl_frm01 td .btn_address { background: #0a58ca; color: #fff; width: 128px; border: 1px solid rgba(10, 88, 202, 0.5); line-height: 2rem; }
.orderform-wrap #forderform #sod_frm section h2 { border-bottom: 1px solid #e2e4e7; font-size: 1.167em; padding: 20px; }
.orderform-wrap #forderform #sod_frm div.tbl_frm01 { padding: 0px 10px !important; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot li { position: relative; float: left; background: #fff; width: 33.333%; height: 70px; text-align: center; border-bottom: 1px solid #e7ebf1; padding: 15px 0; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot li:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot li span { display: block; color: #777; margin-bottom: 5px; font-weight: bold; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot li:last-child { border-bottom: 0 none; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_sell { border-right: 1px solid #e7ebf1; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_coupon { border-right: 1px solid #e7ebf1; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_coupon:before { display: block; content: "-"; position: absolute; top: 25px; left: -10px; width: 20px; height: 20px; background: #fff; color: #ff006c; border-radius: 50%; border: 1px solid #e7ebf1; font-weight: bold; font-size: 16px; line-height: 14px; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_point { width: 100%; clear: both; height: 40px; padding: 0 15px; line-height: 40px; text-align: right; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_point span { float: left; margin: 0; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_cnt { width: 100%; clear: both; height: 40px; padding: 0 15px; line-height: 40px; text-align: right; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_cnt span { float: left; margin: 0; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_cnt strong { color: #ff006c; font-size: 1.25em; }
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_dvr:before { display: block; content: "+"; position: absolute; top: 25px; left: -10px; width: 20px; height: 20px; background: #fff; color: #ff006c; border-radius: 50%; border: 1px solid #e7ebf1; font-weight: bold; font-size: 16px; line-height: 14px; }
.orderform-wrap #forderform #sod_frm #sod_frm_pay h2 { position: absolute; border: 0; font-size: 0; line-height: 0; content: ""; }
.orderform-wrap #forderform #sod_frm #sod_frm_pt_alert { margin: 5px 0; color: #38b2bb; }
.orderform-wrap #forderform #sod_frm #display_pay_process { text-align: center; }
.orderform-wrap #forderform #sod_frm #display_pay_process span { display: block; margin: 5px 0 0; }
.orderform-wrap #forderform #sod_frm #sod_frm_escrow h2 { margin: 0; border: 0; }
.orderform-wrap #forderform #sod_frm #sod_frm_escrow p { margin: 5px 0; }
.orderform-wrap #forderform .od_coupon h3 { border-bottom: 1px solid #cdcdcd; padding: 0 20px; line-height: 50px; margin: 0 0 15px; font-size: 1.25em; text-align: left; -webkit-box-shadow: 1px 2px 2px #eee; -moz-box-shadow: 1px 2px 2px #eee; box-shadow: 1px 2px 2px #eee; }
.orderform-wrap #forderform .od_coupon .btn_close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; border: 0; background: none; border-left: 1px solid #cdcdcd; font-size: 1.25em; }
.orderform-wrap #forderform .od_coupon .btn_close:hover { background: #f3f3f3; }
.orderform-wrap #forderform .od_coupon .tbl_head02 { margin: 20px; }
.orderform-wrap #forderform .od_coupon .cp_apply { padding: 0 5px; border: 1px solid #38b2b9; color: #38b2b9; background: #fff; height: 23px; line-height: 21px; }
.orderform-wrap #forderform .od_coupon td { text-align: left; border-left: 0; padding: 7px; }
.orderform-wrap #forderform .od_coupon .td_numbig { text-align: center; }
.orderform-wrap #forderform .od_coupon .td_mngsmall { width: 60px; }
.orderform-wrap #forderform #sod_frm_pay { position: relative; margin: 10px 0; position: relative; margin: 10px 0 0; }
.orderform-wrap #forderform #sod_frm_pay .od_coupon td { text-align: left; border-left: 0; padding: 7px; }
.orderform-wrap #forderform #sod_frm_pay .od_coupon th { width: auto; text-align: center; padding: 7px; background: #f3f3f3; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.orderform-wrap #forderform #sod_frm_pay .od_coupon .td_numbig { text-align: center; }
.orderform-wrap #forderform #sod_frm_pay .pay_tbl table { width: 100%; border-collapse: collapse; }
.orderform-wrap #forderform #sod_frm_pay .pay_tbl th { text-align: left; padding: 10px; width: 80px; border-bottom: 1px solid #e7ebf1; background: #fff; font-weight: bold; color: #777; }
.orderform-wrap #forderform #sod_frm_pay .pay_tbl td { text-align: right; padding: 10px; height: 30px; border-bottom: 1px solid #e7ebf1; background: #fff; }
.orderform-wrap #forderform #sod_frm_pay .pay_tbl td .cp_cancel { padding: .5rem .75rem; border: 1px solid #38b2b9; color: #fff; background: #6c757d; margin: 0; font-size: .875rem; margin-left: .5rem; }
.orderform-wrap #forderform #sod_frm_pay .pay_tbl td .btn_frmline { padding: .5rem .75rem; border: 1px solid #38b2b9; color: #38b2b9; background: #fff; margin: 0; font-size: .875rem; }
.orderform-wrap #forderform #sod_frm_pay .od_pay_buttons_el:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point { margin-top: 20px; border: 1px solid #e3e5e8; }
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div { background: #fff; padding: 10px; text-align: left; text-align: right; }
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div:after { display: block; visibility: hidden; clear: both; content: ''; }
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div label { float: left; line-height: 30px; font-weight: bold; }
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div span { display: block; }
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div span:after { display: block; visibility: hidden; clear: both; content: ''; }
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div strong { float: left; color: #666; }
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point .max_point_box em { font-style: normal !important; }
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point #od_temp_point { height: 30px; text-align: right; padding: 0 5px; border: 1px solid #ccc; }
.orderform-wrap #forderform #sod_frm_pay h2 { font-size: 1.167em; padding: 15px; border-bottom: 1px solid #e3e5e8; }
.orderform-wrap #forderform #sod_frm_pay .tooltip_txt { height: auto; line-height: 18px; font-weight: normal; font-size: 1em; padding: 10px 20px; margin: 10px; }
.orderform-wrap #forderform #sod_frm_pay .tooltip_txt i { float: left; line-height: 36px; font-size: 2em; margin-right: 15px; }
.orderform-wrap #forderform #sod_frm_pay .tooltip_txt:before { height: 100%; }
.orderform-wrap #forderform #sod_frm_pay .lb_icon { display: inline-block; position: relative; cursor: pointer; z-index: 1; }
.orderform-wrap #forderform #sod_frm_pay input[type="radio"]:checked + .lb_icon { color: #3a8afd; z-index: 3; }
.orderform-wrap #forderform #sod_frm_pay input[type="radio"] + label span { top: 7px; }
.orderform-wrap #forderform #sod_frm_pay #sc_coupon_frm { z-index: 10000; position: absolute; top: 0; right: 0; width: 500px; height: auto !important; height: 500px; max-height: 500px; border: 1px solid #000; background: #fff; overflow-y: auto; }
.orderform-wrap #forderform #sod_frm_pay #od_coupon_frm { z-index: 10000; position: absolute; top: 0; right: 0; width: 500px; height: auto !important; height: 500px; max-height: 500px; border: 1px solid #000; background: #fff; overflow-y: auto; }
.orderform-wrap #forderform .sod_left { display: flex; flex-direction: column; }
@media (min-width: 768px) { .orderform-wrap #forderform .sod_left { flex-direction: row; } }
.orderform-wrap #forderform .sod_left td, .orderform-wrap #forderform .sod_left th { font-size: .875rem; }
.orderform-wrap #forderform .sod_left th { text-align: right; white-space: nowrap; }
.orderform-wrap #forderform .sod_left .frm_input { width: 100%; padding-left: .5rem; }
.orderform-wrap #forderform #sod_frm_taker { width: 100%; margin: 0 0 30px; border: 1px solid #e3e5e8; background: #fff; }
@media (min-width: 768px) { .orderform-wrap #forderform #sod_frm_taker { width: 50%; margin-left: -1px; padding-left: 1px; } }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 { padding: 20px 10px; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place { display: block; background: #edf3fc; padding: 10px 15px; border: 1px solid #d1ddee; margin: 0 10px 10px; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place .chk_box { float: left; display: inline-block; width: 85%; line-height: 30px; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place input[type="radio"] + label span { top: 7px; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place input { margin-left: 10px; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place label { margin-left: 10px; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_tit { float: left; display: inline-block; width: 15% !important; line-height: 30px; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .btn_frmline { padding: .25rem; width: 80px; line-height: 1.25rem; background: #fff; border: 1px solid #d4d6db; color: #606060; text-align: center; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 td input { width: 100%; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 td .addr input { width: 20%; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 td .addr button { background: #434a54; color: #fff; width: 128px; height: 45px; border: 0; border-radius: 3px; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 td .ad_choice { padding: 5px 0; }
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 td .ad_choice input { width: auto; }
.orderform-wrap #forderform #sod_frm_taker #od_b_addr_jibeon { display: inline-block; margin: 5px 0 0; }
.orderform-wrap #forderform #sod_frm_taker div.tbl_frm01 { padding: 0px 10px !important; }
.orderform-wrap #forderform #sod_frm_taker .order_choice_place { position: relative; background: #edf3fc; border: 1px solid #d1ddee; padding-left: 10px; font-size: .75rem; }
.orderform-wrap #forderform #sod_frm_taker td input[type="radio"] { width: auto; -webkit-appearance: radio; -webkit-border-radius: initial; }
.orderform-wrap #forderform #sod_frm_taker td input[type="checkbox"] { width: auto; -webkit-appearance: radio; -webkit-border-radius: initial; }
.orderform-wrap #forderform #sod_frm_taker label { display: inline-block; font-weight: normal; }
.orderform-wrap #forderform #sod_frm_orderer { margin: 0 0 30px; border: 1px solid #e3e5e8; background: #fff; width: 100%; }
.orderform-wrap #forderform #sod_frm_orderer #od_addr_jibeon { display: inline-block; margin: 5px 0 0; }
@media (min-width: 768px) { .orderform-wrap #forderform #sod_frm_orderer { width: 50%; } }
.orderform-wrap #forderform #od_tot_price { margin: 1rem 0; background: #fff; text-align: right; padding: 0 10px; background: #e5f0ff; text-align: right; padding-top: 1rem; padding-bottom: 1rem; }
.orderform-wrap #forderform #od_tot_price strong { font-size: 1.5rem; color: #842029; }
.orderform-wrap #forderform #od_pay_sl h3 { font-size: 1.167em; margin: 20px 0 5px; }
.orderform-wrap #forderform #od_pay_sl input[type="radio"] { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; text-indent: -999px; left: 0; z-index: -1px; }
.orderform-wrap #forderform #od_pay_sl input[type="radio"]:checked + .lb_icon { border: 1px solid #ff006c; z-index: 3; }
.orderform-wrap #forderform #od_pay_sl .lb_icon { display: flex; background: #fff; border: 1px solid #eceff4; margin: -1px 0 0 -1px; cursor: pointer; height: 66px; position: relative; padding-left: 65px; padding-top: 20px; padding-right: 1rem; }
.orderform-wrap #forderform #od_pay_sl .lb_icon:hover { border-top: 1px solid #212529; border-bottom: 1px solid #212529; }
.orderform-wrap #forderform #sod_frm_paysel { display: flex; flex-direction: row; flex-wrap: wrap; }
.orderform-wrap #forderform #sod_frm_paysel legend { position: absolute; font-size: 0; line-height: 0; overflow: hidden; position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.orderform-wrap #forderform #sod_frm_paysel .KPAY { background: url("/img/kpay.png") no-repeat 50% 50% #fff; overflow: hidden; text-indent: -999px; }
.orderform-wrap #forderform #sod_frm_paysel .PAYNOW { background: url("/img/paynow.png") no-repeat 50% 50% #fff; overflow: hidden; text-indent: -999px; }
.orderform-wrap #forderform #sod_frm_paysel .PAYCO { background: url("/img/payco.png") no-repeat 50% 50% #fff; overflow: hidden; text-indent: -999px; }
.orderform-wrap #forderform #sod_frm_paysel .inicis_lpay { background: url("/img/lpay_logo.png") no-repeat 50% 50% #fff; overflow: hidden; text-indent: -999px; }
.orderform-wrap #forderform #sod_frm_paysel .inicis_kakaopay { position: relative; overflow: hidden; text-indent: -999px; width: 130px; padding-left: 2rem; padding-top: 18px; }
.orderform-wrap #forderform #sod_frm_paysel .inicis_kakaopay em { width: 70px; height: 30px; background: url("/img/kakao.png") no-repeat 50% 50% #ffeb00; overflow: hidden; text-indent: -999px; border-radius: 30px; }
.orderform-wrap #forderform #sod_frm_paysel .kakaopay_icon { background: url("/img/kakao.png") no-repeat 50% 50% #fff; overflow: hidden; text-indent: -999px; }
.orderform-wrap #forderform #sod_frm_paysel .naverpay_icon { background: url("/img/ico-default-naverpay.png") no-repeat 50% 50% #fff; overflow: hidden; text-indent: -999px; }
.orderform-wrap #forderform #sod_frm_paysel .bank_icon { background: url("/img/pay_icon1.png") no-repeat 15px 50% #fff; }
.orderform-wrap #forderform #sod_frm_paysel .vbank_icon { background: url("/img/pay_icon2.png") no-repeat 15px 50% #fff; }
.orderform-wrap #forderform #sod_frm_paysel .iche_icon { background: url("/img/pay_icon2.png") no-repeat 15px 50% #fff; }
.orderform-wrap #forderform #sod_frm_paysel .hp_icon { background: url("/img/pay_icon3.png") no-repeat 24px 50% #fff; }
.orderform-wrap #forderform #sod_frm_paysel .card_icon { background: url("/img/pay_icon4.png") no-repeat 17px 50% #fff; }
.orderform-wrap #forderform #sod_frm_paysel ul.pay_way { margin: 0; padding: 15px; }
.orderform-wrap #forderform #sod_frm_paysel ul.pay_way input[type="radio"] + label span { top: 7px; }
.orderform-wrap #forderform #sod_frm_paysel ul:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform #sod_frm_paysel li { position: relative; line-height: 28px; text-align: left; list-style: none; }
.orderform-wrap #forderform #forderform .sod_right #sod_bsk_tot { border: 1px solid #e3e5e8; margin-bottom: 2rem; }
.orderform-wrap #forderform #forderform .od_pay_buttons_el { margin-top: 20px; border: 1px solid #e3e5e8; background: #fff; padding: 10px; }
.orderform-wrap #forderform #forderform .od_pay_buttons_el h3 { font-size: 1.25rem; margin: 0px 0 5px; font-weight: 600; }
.orderform-wrap #forderform #forderform #sod_frm_pt { border-top: 1px solid #e3e5e8; }
.orderform-wrap #forderform .sod_right .pay_tbl { border: 1px solid #e3e5e8; border-bottom: 0 none; }
.orderform-wrap #forderform .sod_right #od_tot_price { border: 1px solid #e3e5e8; margin-bottom: 2rem; }
.orderform-wrap #forderform .sod_right #sod_bsk_tot { border: 1px solid #3a8afd; }
.orderform-wrap #forderform .sod_right #sod_bsk_tot:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform .sod_right #sod_bsk_tot ul { padding-left: 0; }
.orderform-wrap #forderform .sod_right #sod_bsk_tot ul, .orderform-wrap #forderform .sod_right #sod_bsk_tot li { list-style: none; }
.orderform-wrap #forderform .sod_right .sod_info li { position: relative; float: left; background: #fff; width: 33.333%; height: 70px; text-align: center; border-bottom: 1px solid #e7ebf1; padding: 15px 0; }
.orderform-wrap #forderform .sod_right .sod_info li:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform .sod_right .sod_info li span { display: block; color: #777; margin-bottom: 5px; font-weight: bold; color: #000; }
.orderform-wrap #forderform .sod_right .sod_info .sod_bsk_sell { border-right: 1px solid #e7ebf1; }
.orderform-wrap #forderform .sod_right .sod_info .sod_bsk_coupon { border-right: 1px solid #e7ebf1; }
.orderform-wrap #forderform .sod_right .sod_info .sod_bsk_coupon:before { display: block; content: "-"; position: absolute; top: 25px; left: -10px; width: 20px; height: 20px; background: #fff; color: #9da6c9; border-radius: 50%; border: 1px solid #e7ebf1; font-weight: bold; font-size: 16px; line-height: 14px; }
.orderform-wrap #forderform .sod_right .sod_info .sod_bsk_dvr:before { display: block; content: "+"; position: absolute; top: 25px; left: -10px; width: 20px; height: 20px; background: #fff; color: #9da6c9; border-radius: 50%; border: 1px solid #e7ebf1; font-weight: bold; font-size: 16px; line-height: 14px; }
.orderform-wrap #forderform .sod_right .sod_info .sod_bsk_cnt strong { font-size: 1.25em; }
.orderform-wrap #forderform .sod_right .sod_info_bt { clear: both; padding: 10px 15px; background: #fff; }
.orderform-wrap #forderform .sod_right .sod_info_bt:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform .sod_right .sod_info_bt li:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform .sod_right .sod_info_bt li span { display: inline-block; float: left; width: 50%; line-height: 28px; text-align: left; font-weight: bold; color: #000; }
.orderform-wrap #forderform .sod_right .sod_info_bt li strong { display: inline-block; float: left; width: 50%; line-height: 28px; text-align: right; }
.orderform-wrap #forderform .sod_right .sod_info_option { clear: both; border-top: 1px solid #e7ebf1; }
.orderform-wrap #forderform .sod_right .sod_info_option h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.orderform-wrap #forderform .sod_right .sod_info_option ul { padding: 10px 15px; background: #fff; }
.orderform-wrap #forderform .sod_right .sod_info_option li { margin-bottom: 5px; }
.orderform-wrap #forderform .sod_right .sod_info_option li:after { display: block; visibility: hidden; clear: both; content: ""; }
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_tit { display: inline-block; float: left; width: 50%; line-height: 28px; text-align: left; font-weight: bold; }
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_tit .btn_frmline { width: auto; height: 30px; color: #3a8afd; background: #fff; border: 1px solid #d4d6db; }
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_tit .cp_cancel { width: auto; height: 30px; border: 1px solid #d4d6db; padding: 0 5px; margin-left: 5px; color: #b1b1b1; vertical-align: baseline; }
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_tit .od_coupon { z-index: 10000; position: absolute; top: 50%; left: 50%; min-width: 300px; height: auto !important; height: 500px; max-height: 500px; margin-left: -200px; margin-top: -150px; border: 1px solid #dde7e9; border-radius: 3px; background: #fff; overflow-y: auto; overflow-x: inherit; }
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_tit .od_coupon > td { text-align: left; }
.orderform-wrap #forderform .sod_right .sod_info_option > td { display: inline-block; float: left; width: 50%; line-height: 28px; text-align: right; text-align: right; padding: 10px; height: 30px; }
.orderform-wrap #forderform .sod_right .sod_info_option > td .cp_cancel { margin: 0 0 0 2px; }
.orderform-wrap #forderform .sod_right .sod_info_option > td .btn_frmline { padding: 0 7px; border: 1px solid #38b2b9; color: #38b2b9; background: #fff; height: 23px; line-height: 21px; margin: 0; }
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_t { display: inline-block; float: left; width: 50%; line-height: 28px; text-align: right; }
.orderform-wrap #forderform #sod_point { clear: both; background: #fff; margin-top: 10px; border: 1px solid #e3e5e8; }
.orderform-wrap #forderform #sod_point h2 { font-size: 1.167em; padding: 15px; border-bottom: 1px solid #e3e5e8; }
.orderform-wrap #forderform #sod_point h2:after { display: block; visibility: hidden; clear: both; content: ''; }
.orderform-wrap #forderform #sod_point .point_tit { vertical-align: baseline; float: left; line-height: 28px; }
.orderform-wrap #forderform #sod_point .point_tit label { vertical-align: baseline; }
.orderform-wrap #forderform #sod_point .point_ipt { float: right; display: inline-block; margin-left: 35px; text-align: left; text-align: right; font-weight: normal; }
.orderform-wrap #forderform #sod_point .point_ipt:after { display: block; visibility: hidden; clear: both; content: ''; }
.orderform-wrap #forderform #sod_point .point_ipt #od_temp_point { width: 100px; height: 30px; text-align: right; padding: 0 5px; border: 1px solid #d0d3db; border-radius: 3px; }
.orderform-wrap #forderform #sod_frm_pt { padding: 20px; }
.orderform-wrap #forderform #sod_frm_pt .max_point_box em { font-style: normal !important; }
.orderform-wrap #forderform #settle_bank { border: 1px solid #e3e5e8; border-top: 0 none; background: #fff; padding: 10px; clear: both; line-height: 32px; }
.orderform-wrap #forderform #settle_bank:after { display: block; visibility: hidden; clear: both; content: ''; }
.orderform-wrap #forderform #settle_bank label { float: left; width: 30%; line-height: 30px; }
.orderform-wrap #forderform #settle_bank select { width: 70%; height: 32px; margin: 0 0 5px; border: 1px solid #e3e5e8; border-radius: 3px; text-align: left; }
.orderform-wrap #forderform #settle_bank input { width: 70%; height: 32px; margin: 0 0 5px; border: 1px solid #e3e5e8; border-radius: 3px; text-align: left; }
.orderform-wrap #forderform #settle_bank option { padding: 3px 0; }
.orderform-wrap #forderform #settle_bank #od_deposit_name { height: 32px; padding: 0 5px; border: 1px solid #e3e5e8; }
.orderform-wrap #forderform #display_pay_button { background: #fff; padding: 20px; border: 1px solid #e3e5e8; border-top: 0; }
.orderform-wrap #forderform #display_pay_button .btn_submit { border: 1px solid #0d6efd; padding: .5rem 1rem; background-color: rgba(61, 139, 253, 0.5); font-family: "Noto Sans Kr", sans-serif; font-weight: 600; font-size: 1.25rem; }
.orderform-wrap #forderform #display_pay_button .btn01 { border: 1px solid #dc3545; padding: .5rem 1rem; background-color: rgba(227, 93, 106, 0.5); font-family: "Noto Sans Kr", sans-serif; font-weight: 600; font-size: 1.25rem; }
.orderform-wrap #forderform .display_setup_message { margin: 0 0 10px; padding: 15px; border: 1px solid #fccdff; background: #ffeef9; }
.orderform-wrap #forderform .display_setup_message strong { display: block; margin: 0 0 10px; }
.orderform-wrap #forderform #sod_frm_same { margin: 0 0 10px; }
.orderform-wrap #forderform #sod_frm_pay_info { margin: 0 0 10px; }
.orderform-wrap #forderform #sod_frm_deli { position: relative; line-height: 2em; }
.orderform-wrap #forderform #sod_frm_escrow { margin: 30px 0 0; }
.orderform-wrap #forderform #display_pay_process { padding: 20px; text-align: center; }
.orderform-wrap #forderform .od_prd_list { padding-bottom: 1rem; margin-bottom: 1rem; /* general styling */ }
.orderform-wrap #forderform .od_prd_list #sod_list { width: 100%; }
.orderform-wrap #forderform .od_prd_list #sod_list thead tr th { text-align: center; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
.orderform-wrap #forderform .od_prd_list table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: auto; }
.orderform-wrap #forderform .od_prd_list table caption { font-size: 1.5em; margin: .5em 0 .75em; }
.orderform-wrap #forderform .od_prd_list table tr { background-color: #f8f8f8; border: 1px solid #ddd; padding: .35em; }
.orderform-wrap #forderform .od_prd_list table th { padding: .625em; text-align: center; font-size: .85em; letter-spacing: .1em; text-transform: uppercase; }
.orderform-wrap #forderform .od_prd_list table td { padding: .625em; text-align: center; }
@media (max-width: 767.98px) { .orderform-wrap #forderform .od_prd_list table { border: 0; }
  .orderform-wrap #forderform .od_prd_list table caption { font-size: 1.3em; }
  .orderform-wrap #forderform .od_prd_list table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .orderform-wrap #forderform .od_prd_list table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
  .orderform-wrap #forderform .od_prd_list table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; }
  .orderform-wrap #forderform .od_prd_list table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
  .orderform-wrap #forderform .od_prd_list table td:last-child { border-bottom: 0; }
  .orderform-wrap #forderform .od_prd_list table td:nth-child(2)::before { content: ' 총수량 : '; }
  .orderform-wrap #forderform .od_prd_list table td:nth-child(3)::before { content: ' 판매가 : '; }
  .orderform-wrap #forderform .od_prd_list table td:nth-child(4)::before { content: ' 소계 : '; }
  .orderform-wrap #forderform .od_prd_list table td:nth-child(5)::before { content: ' 포인트 : '; }
  .orderform-wrap #forderform .od_prd_list table td:nth-child(6)::before { content: ' 배송비 : '; } }
.orderform-wrap #forderform .pay_tbl th { white-space: nowrap; }
.orderform-wrap #forderform #display_pay_button { display: flex; justify-content: space-between; }

/* orderinqueiryview */
.order-view-wrap .td_prd .option-name { font-size: .875rem; }
.order-view-wrap .td_prd .list-group .list-group-item { font-size: .75rem; color: #6c757d; padding: .25rem .5rem; }
.order-view-wrap .order-info { flex-direction: column; }
.order-view-wrap .order-info h3 { font-size: 1rem; font-weight: 600; color: #495057; }
.order-view-wrap .order-info th, .order-view-wrap .order-info td { font-size: .875rem; }
.order-view-wrap .order-info th { white-space: nowrap; }
@media (min-width: 768px) { .order-view-wrap .order-info { flex-direction: row; } }
.order-view-wrap .receiver-address { margin-left: 0; }
@media (min-width: 768px) { .order-view-wrap .receiver-address { margin-left: .5rem; } }
.order-view-wrap .pay-stats-wrap { flex-direction: row; }
.order-view-wrap .pay-stats-wrap .list-group { width: 100%; }
.order-view-wrap .pay-stats-wrap .list-group-item { text-align: center; width: 50%; border: 1px solid #e9ecef; flex: 1 1 auto; font-size: .875rem; }
@media (min-width: 768px) { .order-view-wrap .pay-stats-wrap .list-group-item { width: auto; } }
.order-view-wrap .pay-stats-wrap .list-group-item span { display: block; font-size: .875rem; }

/* 주문상세내역 중 현금영수증 발급 */
#scash { margin: 0 auto; }
#scash #win_title { font-size: 1.5rem; border: 1px solid #dee2e6; padding: 1rem; background-color: #fff; font-weight: 600; font-family: 'Noto Sans Kr', sans-serif; }
#scash section { padding: 10px 0; border: 1px solid #dee2e6; padding: 1rem; background-color: #fff; margin-bottom: 2rem; }
#scash h2 { margin: 0 0 10px; text-align: center; font-weight: 600; color: #495057; font-family: "Noto Sans Kr", sans-serif; border-bottom: 1px solid #dee2e6; padding-bottom: 1rem; margin-bottom: 1rem; font-size: 1.25rem; }
#scash .basic_tbl th { padding: 0 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f2f5f9; text-align: left; }
#scash #scash_apply { padding: 10px 0 20px; text-align: center; }
#scash #scash_apply button { padding: 10px; border: 0; background: #565e60; color: #fff; }
#scash #scash_copy { text-align: center; }
#scash table { width: 100%; }
#scash table th, #scash table td { font-size: .875rem; padding: .5rem; }
#scash table th { text-align: right; }

.sod_frm_mobile .sound_only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.sod_frm_mobile ul, .sod_frm_mobile li { list-style: none; }
.sod_frm_mobile .sod_list { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.sod_frm_mobile .sod_list li.sod_li { padding: .5rem; width: 100%; display: flex; flex: 1 1 auto; flex-direction: column; border-bottom: 1px solid rgba(0, 0, 0, 0.25); margin-bottom: 2rem; }
.sod_frm_mobile .sod_list li.sod_li .li_name, .sod_frm_mobile .sod_list li.sod_li .li_op_wr { text-align: center; }
.sod_frm_mobile .sod_list li.sod_li .sod_opt ul { padding: 0; }
.sod_frm_mobile .sod_list li.sod_li .sod_opt ul li { font-size: .875; font-weight: 600; color: #6c757d; }
.sod_frm_mobile .sod_list li.sod_li .li_prqty { display: flex; font-size: .875rem; flex-direction: column; }
.sod_frm_mobile .sod_list li.sod_li .li_prqty span.li_prqty_sp { margin: 0 auto; width: 80%; display: flex; justify-content: space-between; border-bottom: 1px dashed #dee2e6; padding: .25rem 0; }
.sod_frm_mobile .sod_list li.sod_li .li_prqty span.li_prqty_sp span { display: flex; }
.sod_frm_mobile .sod_list li.sod_li .total_price.total_span { margin: 0 auto; width: 80%; display: flex; justify-content: space-between; font-size: 1rem; padding: .5rem 0; }
.sod_frm_mobile .sod_list li.sod_li .total_price.total_span strong { color: #0d6efd; }
.sod_frm_mobile .sod_ta_wr { background-color: #e9ecef; padding: 1rem; }
.sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot { margin-bottom: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot dt, .sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot dd { width: 50%; display: flex; border-bottom: 1px solid #ced4da; margin: 0; padding: .5rem 0; }
.sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot dt strong, .sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot dd strong { color: #0d6efd; }
.sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot dd { justify-content: end; }
.sod_frm_mobile #sod_frm_orderer { margin-top: 2rem; border: 1px solid #e3e5e8; background: #fff; padding: 1rem; }
.sod_frm_mobile #sod_frm_orderer h2 { font-weight: 600; font-size: 1.25rem; font-family: "Noto Sans KR", sans-serif; border-bottom: 1px solid #dee2e6; padding-bottom: .5rem; }
.sod_frm_mobile #sod_frm_orderer .odf_list ul { margin: 0; padding: 0; }
.sod_frm_mobile #sod_frm_orderer .odf_list ul li { font-size: .875rem; padding: .25rem .5rem; display: flex; justify-content: space-between; }
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4) { flex-direction: column; margin-top: 1rem; }
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4) [name=od_zip] { width: 100px; }
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4) .btn_frmline.btn_addsch { border: 1px solid #ced4da; padding: .25rem 1rem; }
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4) .frm_input { margin-bottom: .25rem; }
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4) br { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.sod_frm_mobile #sod_frm_orderer .odf_list ul li label { width: 100px; align-items: center; display: flex; }
.sod_frm_mobile #sod_frm_orderer .odf_list ul li .frm_input { font-size: .875rem; border: 1px solid #dee2e6; width: 100%; padding: .25rem 1rem; }
.sod_frm_mobile #sod_frm_taker { margin-top: 2rem; border: 1px solid #e3e5e8; background: #fff; padding: 1rem; }
.sod_frm_mobile #sod_frm_taker h2 { font-weight: 600; font-size: 1.25rem; font-family: "Noto Sans KR", sans-serif; border-bottom: 1px solid #dee2e6; padding-bottom: .5rem; }
.sod_frm_mobile #sod_frm_taker .odf_list ul { padding: 0; margin: 0; flex-direction: column; display: flex; }
.sod_frm_mobile #sod_frm_taker .odf_list ul .dlv_slt { padding: 1rem; background-color: #e9ecef; margin-bottom: 1rem; display: block; }
.sod_frm_mobile #sod_frm_taker .odf_list ul .dlv_slt div { display: block; }
.sod_frm_mobile #sod_frm_taker .odf_list ul .dlv_slt #order_address { border: 1px solid #adb5bd; padding: 0 1rem; background-color: #fff; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) { font-size: .875rem; padding: .25rem .5rem; display: flex; justify-content: space-between; flex-direction: row; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) [name=od_zip] { width: 100px; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) .btn_frmline.btn_addsch { border: 1px solid #ced4da; padding: .25rem 1rem; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) .frm_input { margin-bottom: .25rem; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) br { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) label { width: 100px; align-items: center; display: flex; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) .frm_input { font-size: .875rem; border: 1px solid #dee2e6; width: 100%; padding: .25rem 1rem; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) [name=ad_subject] { width: 100%; margin-right: 30px; margin-left: 16px; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) #od_memo { width: 95%; border: 1px solid #ced4da; margin-left: 5%; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6) { flex-direction: column; margin-top: 1rem; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6) [name=od_b_zip] { width: 100px; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6) .btn_frmline.btn_addsch { border: 1px solid #ced4da; padding: .25rem 1rem; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6) .frm_input { margin-bottom: .25rem; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6) br { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li .ad_default { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li #ad_default { margin-left: .25em; }
.sod_frm_mobile #sod_frm_taker .odf_list ul li #ad_default::after { content: '기본'; display: block; width: 55px; padding-left: .8rem; padding-top: .45rem; margin-left: -42px; }
.sod_frm_mobile #sod_frm_pay { margin-top: 2rem; border: 1px solid #e3e5e8; background: #fff; padding: 1rem; }
.sod_frm_mobile #sod_frm_pay h2 { font-weight: 600; font-size: 1.25rem; font-family: "Noto Sans KR", sans-serif; border-bottom: 1px solid #dee2e6; padding-bottom: .5rem; }
.sod_frm_mobile #sod_frm_pay .odf_tbl table { width: 100%; }
.sod_frm_mobile #sod_frm_pay .odf_tbl table th { white-space: nowrap; }
.sod_frm_mobile #sod_frm_pay .odf_tbl table th, .sod_frm_mobile #sod_frm_pay .odf_tbl table td { font-size: .875rem; padding: .5rem; }
.sod_frm_mobile #sod_frm_pay .odf_tbl #od_coupon_btn { border: 1px solid #dee2e6; padding: .25rem .5rem; }
.sod_frm_mobile #sod_frm_pay .odf_tbl #od_coupon_cancel { margin-left: .5rem; border: 1px solid #dee2e6; padding: .25rem .5rem; background-color: #e35d6a; color: #fff; }
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap { background-color: #f8f9fa; padding: .25rem; position: absolute; border: 1px solid #dee2e6; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); }
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap h3 { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm h3 { font-size: 1rem; font-weight: 600; }
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap { font-size: .75rem; }
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap caption { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap th, .sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap td { text-align: center; font-size: .75rem; }
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap th button, .sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap td button { border: 1px solid #ced4da; padding: .15rem .5rem; background-color: #0dcaf0; }
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap .btn_confirm { text-align: right; }
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_close { border: 1px solid #dc3545; padding: .25rem .5rem; }
.sod_frm_mobile #sod_frm_pay #sod_frm_pt_alert { font-size: .75rem; color: #dc3545; padding: .5rem; background-color: #e9ecef; }
.sod_frm_mobile #sod_frm_pay #m_sod_frm_paysel ul { padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; }
.sod_frm_mobile #sod_frm_pay #m_sod_frm_paysel ul li { display: flex; width: 50%; flex: 1 1 auto; margin-bottom: .5rem; color: #495057; font-size: .875rem; font-weight: 600; font-family: "Noto Sans KR", sans-serif; }
.sod_frm_mobile #sod_frm_pay .sod_frm_point { background-color: #e9ecef; padding: 1rem; font-size: .875rem; display: flex; flex-direction: column; justify-content: space-between; }
.sod_frm_mobile #sod_frm_pay .sod_frm_point div { justify-content: space-between; display: flex; flex-direction: row; }
.sod_frm_mobile #sod_frm_pay .sod_frm_point #sod_frm_pt_info { display: flex; flex-direction: column; justify-content: space-between; }
.sod_frm_mobile #sod_frm_pay .sod_frm_point #sod_frm_pt_info span { display: flex; justify-content: space-between; }
.sod_frm_mobile #settle_bank { margin-top: 1rem; border: 1px sodli #dee2e6; background-color: #e9ecef; padding: 1rem; font-size: .875rem; }
.sod_frm_mobile #display_pay_button { display: flex; justify-content: space-between; padding: 1rem 0; margin: 1.5rem 0; }
.sod_frm_mobile #display_pay_button .btn_submit { font-family: 'Noto Sans KR', sans-serif; border: 1px solid #6c757d; background-color: #6ea8fe; color: #fff; padding: .75rem 1.5rem; }
.sod_frm_mobile #display_pay_button .btn_cancel { font-family: 'Noto Sans KR', sans-serif; border: 1px solid #6c757d; background-color: #ea868f; color: #fff; padding: .75rem 1.5rem; }

/* personalpay */
.personalpayform-wrap .pesonal.sod_left h2 { font-size: 1.25rem; font-weight: 600; font-family: "Noto Sans KR", sans-serif; margin-bottom: 1.5rem; border-bottom: 1px solid #e9ecef; padding-bottom: 1rem; }
.personalpayform-wrap .pesonal.sod_left .tbl_frm01.tbl_wrap table { width: 100%; }
.personalpayform-wrap .pesonal.sod_left .tbl_frm01.tbl_wrap table tr th, .personalpayform-wrap .pesonal.sod_left .tbl_frm01.tbl_wrap table tr td { padding: .5rem; border-bottom: 1px solid #f8f9fa; }
.personalpayform-wrap .pesonal.sod_left .tbl_frm01.tbl_wrap table tr:nth-child(2) td { padding: 1rem; background-color: #f8f9fa; font-size: .875rem; }
.personalpayform-wrap #display_pay_button { display: flex; justify-content: space-between; background: #fff; padding: 20px; }
.personalpayform-wrap #display_pay_button .btn_submit { border: 1px solid #0d6efd; padding: .5rem 1rem; background-color: rgba(61, 139, 253, 0.5); font-family: "Noto Sans Kr", sans-serif; font-weight: 600; font-size: 1.25rem; }
.personalpayform-wrap #display_pay_button .btn01 { border: 1px solid #dc3545; padding: .5rem 1rem; background-color: rgba(227, 93, 106, 0.5); font-family: "Noto Sans Kr", sans-serif; font-weight: 600; font-size: 1.25rem; }
.personalpayform-wrap .sound_only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.personalpayform-wrap .frm_input { width: 100%; border: 1px solid #e9ecef; padding: .25rem .5rem; }
.personalpayform-wrap .sod_right { margin-top: 2rem; }
.personalpayform-wrap .sod_right h2 { font-size: 1.25rem; font-weight: 600; font-family: "Noto Sans KR", sans-serif; margin-bottom: 1.5rem; border-bottom: 1px solid #e9ecef; padding-bottom: 1rem; }
.personalpayform-wrap .sod_right #sod_frm_paysel legend { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.personalpayform-wrap .sod_right #sod_frm_paysel .pay_way { padding: 0; margin: 0; color: #3d8bfd; display: flex; flex-direction: row; flex-wrap: wrap; }
.personalpayform-wrap .sod_right #sod_frm_paysel .pay_way li { list-style: none; display: flex; padding: .5rem 1rem; border: 1px solid #e9ecef; margin-bottom: .5rem; flex: 1 1 auto; }
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer { padding: 1rem; }
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer h2 { font-size: 1.25rem; font-weight: 600; font-family: "Noto Sans KR", sans-serif; margin-bottom: 1.5rem; border-bottom: 1px solid #e9ecef; padding-bottom: 1rem; }
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer .odf_tbl { margin-bottom: 2rem; }
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer .odf_tbl table { width: 100%; }
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer .odf_tbl table tr th, .personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer .odf_tbl table tr td { font-size: .875rem; padding: .5rem 1rem; }
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer #sod_frm_paysel legend { font-size: 1.25rem; font-weight: 600; font-family: "Noto Sans KR", sans-serif; margin-bottom: 1.5rem; border-bottom: 1px solid #e9ecef; padding-bottom: 1rem; }
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer #sod_frm_paysel .pay_way { list-style: none; margin: 0; padding: 0; }
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer #sod_frm_paysel .pay_way li { list-style: none; padding: .25rem 1rem; font-size: .875rem; }
.personalpayform-wrap #m_pv_sod_frm .btn_cancel { border: 1px solid #dc3545; padding: .5rem 1rem; background-color: rgba(227, 93, 106, 0.5); font-family: "Noto Sans Kr", sans-serif; font-weight: 600; font-size: 1.25rem; }

.item-sort-wrap a { font-size: .75rem; font-family: 'Nanum Gothic', sans-serif; }
@media (min-width: 768px) { .item-sort-wrap a { font-size: .875rem; } }
.item-sort-wrap .active a { color: #fff; }
.item-sort-wrap .list-group-item { padding: .25rem .5rem; }
@media (min-width: 768px) { .item-sort-wrap .list-group-item { padding: .5rem 1.25rem; } }

.list-category-sub-wrap .sub-category-item { background-color: #f8f9fa; font-size: .875rem; }
.list-category-sub-wrap .sub-category-item:hover { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }

.result-category .cate-item { background-color: #f8f9fa; }

.sev_img { margin-top: 1rem; margin-bottom: 1rem; text-align: center; }
.sev_img img { max-width: 100%; height: auto; }

/* PC 우측 슬라이딩 메뉴 */
.my-side-menu { right: 0; height: 100%; max-width: 0; top: 0; background-color: #fff; z-index: 2011; }
.my-side-menu .show-side-menu-btn { position: absolute; left: -41px; top: 30%; background-color: #fff; }

.right-side-menu { background-color: #fff; transition: 0.3s; }
.right-side-menu .swiper-slide { display: block; width: 100%; }
.right-side-menu .content { width: 100%; }
.right-side-menu .list-group.btns { border: none; border-top: 1px solid #dee2e6; border-left: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; }
.right-side-menu .list-group.btns .list-group-item { border: none; padding: 0; }
.right-side-menu .list-group.btns .list-group-item .btn { width: 100%; border: none; }

.mobile-bottom-menu { background-color: #fff; font-weight: 600; bottom: -46.8px !important; transition: all .2s ease-out; }
.mobile-bottom-menu i { font-size: 1.25rem; }

.mobile-bottom-menu.view-mobile-bottom-menu { bottom: 0 !important; transition: all .2s ease-out; }
@media (min-width: 768px) { .mobile-bottom-menu.view-mobile-bottom-menu { display: none !important; } }

/* Bootstrap Basic Theme css */
.paging-wrap .pg_wrap { display: flex; justify-content: center; }
.paging-wrap .pg_wrap .pg { display: flex; align-content: center; flex-wrap: wrap; justify-content: center; flex-direction: row; }
.paging-wrap .pg_wrap .pg .pg_current, .paging-wrap .pg_wrap .pg .pg_page { display: flex; padding: .25rem; font-size: .75rem; padding: .5rem; background-color: #ced4da; margin-right: .25rem; margin-bottom: .25rem; }
.paging-wrap .pg_wrap .pg .pg_current:hover, .paging-wrap .pg_wrap .pg .pg_page:hover { background-color: #dee2e6; }
@media (min-width: 768px) { .paging-wrap .pg_wrap .pg .pg_current, .paging-wrap .pg_wrap .pg .pg_page { padding: .5rem; font-size: .875rem; padding: .5rem 1rem; background-color: #ced4da; margin-right: .25rem; } }
.paging-wrap .pg_wrap .pg .pg_current { color: #fff; background-color: #0d6efd; }
.paging-wrap .pg_wrap .pg .pg_current:hover { background-color: #0d6efd; }

.sv_member { display: none; }

.sv { display: flex; flex-direction: column; }
.sv a { font-size: .875rem; padding: .25rem .5rem; font-family: "Nanum Gothic", sans-serif; }
.sv a:hover { color: #0d6efd; }

#copymove { padding: 1rem; /* 기본테이블 */ /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ }
#copymove .sound_only { display: none; }
#copymove .win_title { font-family: "Noto Sans KR", sans-serif; font-size: 1rem; }
#copymove .tbl_wrap table { width: 100%; border-collapse: collapse; border-spacing: 0 5px; background: #fff; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
#copymove .tbl_wrap caption { padding: 10px 0; font-weight: bold; text-align: left; }
#copymove .tbl_head01 { margin: 0 0 10px; }
#copymove .tbl_head01 caption { padding: 0; font-size: 0; line-height: 0; overflow: hidden; }
#copymove .tbl_head01 thead th { padding: 20px 0; font-weight: normal; text-align: center; border-bottom: 1px solid #ececec; height: 40px; }
#copymove .tbl_head01 thead th input { vertical-align: top; }
#copymove .tbl_head01 tfoot th, #copymove .tbl_head01 tfoot td { padding: 10px 0; border-top: 1px solid #c1d1d5; border-bottom: 1px solid #c1d1d5; background: #d7e0e2; text-align: center; }
#copymove .tbl_head01 tbody th { padding: 8px 0; border-bottom: 1px solid #e8e8e8; }
#copymove .tbl_head01 td { color: #666; padding: 10px 5px; border-top: 1px solid #ecf0f1; border-bottom: 1px solid #ecf0f1; line-height: 1.4em; height: 60px; word-break: break-all; }
#copymove .tbl_head01 tbody tr:hover td { background: #fafafa; }
#copymove .tbl_head01 a:hover { text-decoration: underline; }

#copymove .win_desc { text-align: center; display: block; }

#copymove .tbl_wrap { margin: 20px; }

#copymove .win_btn { padding: 0 20px 20px; }

.copymove_current { float: right; background: #ff3061; padding: 5px; color: #fff; border-radius: 3px; }

.copymove_currentbg { background: #f4f4f4; }

.top-hero-section { -webkit-transition: max-height .35s; -moz-transition: max-height .35s; -ms-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s; top: 0px; margin-bottom: 0px !important; width: 100%; position: relative; overflow: hidden; text-align: center; margin: 0; color: #fff; height: 280px; max-height: 280px; }
.top-hero-section::before { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
@media (min-width: 768px) { .top-hero-section { top: 0px; margin-bottom: 0px !important; height: 448px; max-height: 448px; } }
@media (min-width: 992px) { .top-hero-section { top: 0px; margin-bottom: 0px !important; height: 560px; max-height: 560px; } }
.top-hero-section .hero-wrap { display: flex; flex-direction: column; justify-content: center; height: 100%; padding-top: 0px; }
.top-hero-section .hero-wrap .hero-title { font-weight: 900; font-size: 2rem; font-family: "Noto Sans KR", sans-serif; text-shadow: 2px 2px 0.5rem rgba(33, 37, 41, 0.5); -webkit-animation: fade-in 3s ease-out both; animation: fade-in 3s ease-out both; }
@media (min-width: 768px) { .top-hero-section .hero-wrap .hero-title { font-size: 3.5rem; } }
@media (min-width: 992px) { .top-hero-section .hero-wrap .hero-title { font-size: 4.5rem; } }
.top-hero-section .hero-wrap .lead-text { text-shadow: 2px 2px 0.25rem rgba(0, 0, 0, 0.75); -webkit-animation: fade-in 3s ease-out both; animation: fade-in 3s ease-out both; font-size: 1rem; }
@media (min-width: 768px) { .top-hero-section .hero-wrap .lead-text { font-size: 1.25rem; } }
@media (min-width: 992px) { .top-hero-section .hero-wrap .lead-text { font-size: 1.5rem; } }

.top-hero-section.background-zoom::before { -webkit-animation: kenburns-top-right 5s ease-out both; animation: kenburns-top-right 5s ease-out both; content: ""; opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

section.height-scale-down { max-height: 250px; }
@media (min-width: 768px) { section.height-scale-down { max-height: 350px; } }

section.height-scale-down-subpage { max-height: 150px !important; }
@media (min-width: 768px) { section.height-scale-down-subpage { max-height: 200px !important; } }

.top-hero-section.sub-page-hero { height: 140px; max-height: 140px; }
@media (min-width: 768px) { .top-hero-section.sub-page-hero { top: 0px; margin-bottom: 0px !important; height: 224px; max-height: 224px; } }
@media (min-width: 992px) { .top-hero-section.sub-page-hero { top: 0px; margin-bottom: 0px !important; height: 280px; max-height: 280px; } }

.dropdown-menu { z-index: 2000; }

#sns_register .sns-wrap { width: 100%; height: auto; line-height: 53px; margin: 0; text-align: right; padding: 0 20px; }
@media (min-width: 768px) { #sns_register .sns-wrap { width: auto; height: 56px; } }

.alert.alert-sm { font-size: .75rem; }

.ff-noto { font-family: "Noto Sans KR", sans-serif; }

.ff-nanum { font-family: "Nanum Gothic", sans-serif; }

.large-image-wrap { height: 100%; }
.large-image-wrap img { max-width: 100%; height: auto; }
.large-image-wrap .swiper { width: 100%; height: 100%; }
.large-image-wrap .swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.large-image-wrap .swiper-slide img { display: block; max-width: 100%; height: auto; object-fit: cover; }

.pg_wrap { display: flex; justify-content: center; }
.pg_wrap .sound_only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.pg_wrap .pg { display: flex; align-content: center; flex-wrap: wrap; justify-content: center; flex-direction: row; }
.pg_wrap .pg .pg_current, .pg_wrap .pg .pg_page { display: flex; padding: .25rem; font-size: .75rem; padding: .5rem; background-color: #ced4da; margin-right: .25rem; margin-bottom: .25rem; }
.pg_wrap .pg .pg_current:hover, .pg_wrap .pg .pg_page:hover { background-color: #dee2e6; }
@media (min-width: 768px) { .pg_wrap .pg .pg_current, .pg_wrap .pg .pg_page { padding: .5rem; font-size: .875rem; padding: .5rem 1rem; background-color: #ced4da; margin-right: .25rem; } }
.pg_wrap .pg .pg_current { color: #fff; background-color: #0d6efd; }
.pg_wrap .pg .pg_current:hover { background-color: #0d6efd; }

.sev_admin, .sct_admin, .sit_admin { position: fixed; background-color: #fff; border: 1px solid #e9ecef; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15); z-index: 2; top: 224px; }
.sev_admin .sound_only, .sct_admin .sound_only, .sit_admin .sound_only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 767.98px) { .sev_admin, .sct_admin, .sit_admin { display: none; } }

.sound_only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.mce-content-body .mce-item-anchor { background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center; }

.mce-content-body .mce-item-anchor:empty { cursor: default; display: inline-block; height: 12px !important; padding: 0 2px; -webkit-user-modify: read-only; -moz-user-modify: read-only; -webkit-user-select: all; -moz-user-select: all; user-select: all; width: 8px !important; }

.mce-content-body .mce-item-anchor:not(:empty) { background-position-x: 2px; display: inline-block; padding-left: 12px; }

.mce-content-body .mce-item-anchor[data-mce-selected] { outline-offset: 1px; }

.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]), .tox-comments-visible span.tox-comment img:not([data-mce-selected]), .tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]), .tox-comments-visible span.tox-comment > audio:not([data-mce-selected]), .tox-comments-visible span.tox-comment > video:not([data-mce-selected]) { outline: 3px solid #ffe89d; }

.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]) { outline: 3px solid #fed635; }

.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]), .tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]), .tox-comments-visible span.tox-comment[data-mce-annotation-active=true] > audio:not([data-mce-selected]), .tox-comments-visible span.tox-comment[data-mce-annotation-active=true] > video:not([data-mce-selected]) { outline: 3px solid #fed635; }

.tox-comments-visible span.tox-comment:not([data-mce-selected]) { background-color: #ffe89d; outline: 0; }

.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]) { background-color: #fed635; }

.tox-checklist > li:not(.tox-checklist--hidden) { list-style: none; margin: 0.25em 0; }

.tox-checklist > li:not(.tox-checklist--hidden)::before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); cursor: pointer; height: 1em; margin-left: -1.5em; margin-top: .125em; position: absolute; width: 1em; }

.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); }

[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before { margin-left: 0; margin-right: -1.5em; }

code[class*=language-], pre[class*=language-] { color: #000; background: 0 0; text-shadow: 0 1px #fff; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; tab-size: 4; -webkit-hyphens: none; hyphens: none; }

code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection { text-shadow: none; background: #b3d4fc; }

code[class*=language-] ::selection, code[class*=language-]::selection, pre[class*=language-] ::selection, pre[class*=language-]::selection { text-shadow: none; background: #b3d4fc; }

@media print { code[class*=language-], pre[class*=language-] { text-shadow: none; } }
pre[class*=language-] { padding: 1em; margin: .5em 0; overflow: auto; }

:not(pre) > code[class*=language-], pre[class*=language-] { background: #f5f2f0; }

:not(pre) > code[class*=language-] { padding: .1em; border-radius: .3em; white-space: normal; }

.token.cdata, .token.comment, .token.doctype, .token.prolog { color: #708090; }

.token.punctuation { color: #999; }

.token.namespace { opacity: 0.7; }

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag { color: #905; }

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string { color: #690; }

.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url { color: #9a6e3a; background: rgba(255, 255, 255, 0.5); }

.token.atrule, .token.attr-value, .token.keyword { color: #07a; }

.token.class-name, .token.function { color: #dd4a68; }

.token.important, .token.regex, .token.variable { color: #e90; }

.token.bold, .token.important { font-weight: 700; }

.token.italic { font-style: italic; }

.token.entity { cursor: help; }

.mce-content-body { overflow-wrap: break-word; word-wrap: break-word; }

.mce-content-body .mce-visual-caret { background-color: #000; background-color: currentColor; position: absolute; }

.mce-content-body .mce-visual-caret-hidden { display: none; }

.mce-content-body [data-mce-caret] { left: -1000px; margin: 0; padding: 0; position: absolute; right: auto; top: 0; }

.mce-content-body .mce-offscreen-selection { left: -2000000px; max-width: 1000000px; position: absolute; }

.mce-content-body [contentEditable=false] { cursor: default; }

.mce-content-body [contentEditable=true] { cursor: text; }

.tox-cursor-format-painter { cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default; }

div.mce-footnotes hr { margin-inline-end: auto; margin-inline-start: 0; width: 25%; }

div.mce-footnotes li > a.mce-footnotes-backlink { text-decoration: none; }

@media print { sup.mce-footnote a { color: #000; text-decoration: none; }
  div.mce-footnotes { break-inside: avoid; width: 100%; }
  div.mce-footnotes li > a.mce-footnotes-backlink { display: none; } }
.mce-content-body figure.align-left { float: left; }

.mce-content-body figure.align-right { float: right; }

.mce-content-body figure.image.align-center { display: table; margin-left: auto; margin-right: auto; }

.mce-preview-object { border: 1px solid gray; display: inline-block; line-height: 0; margin: 0 2px 0 2px; position: relative; }

.mce-preview-object .mce-shim { background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.mce-preview-object[data-mce-selected="2"] .mce-shim { display: none; }

.mce-content-body .mce-mergetag:hover { background-color: rgba(0, 108, 231, 0.1); }

.mce-content-body .mce-mergetag-affix { background-color: rgba(0, 108, 231, 0.1); color: #006ce7; }

.mce-object { background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center; border: 1px dashed #aaa; }

.mce-pagebreak { border: 1px dashed #aaa; cursor: default; display: block; height: 5px; margin-top: 15px; page-break-before: always; width: 100%; }

@media print { .mce-pagebreak { border: 0; } }
.tiny-pageembed .mce-shim { background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.tiny-pageembed[data-mce-selected="2"] .mce-shim { display: none; }

.tiny-pageembed { display: inline-block; position: relative; }

.tiny-pageembed--16by9, .tiny-pageembed--1by1, .tiny-pageembed--21by9, .tiny-pageembed--4by3 { display: block; overflow: hidden; padding: 0; position: relative; width: 100%; }

.tiny-pageembed--21by9 { padding-top: 42.857143%; }

.tiny-pageembed--16by9 { padding-top: 56.25%; }

.tiny-pageembed--4by3 { padding-top: 75%; }

.tiny-pageembed--1by1 { padding-top: 100%; }

.tiny-pageembed--16by9 iframe, .tiny-pageembed--1by1 iframe, .tiny-pageembed--21by9 iframe, .tiny-pageembed--4by3 iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.mce-content-body[data-mce-placeholder] { position: relative; }

.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before { color: rgba(34, 47, 62, 0.7); content: attr(data-mce-placeholder); position: absolute; }

.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before { left: 1px; }

.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before { right: 1px; }

.mce-content-body div.mce-resizehandle { background-color: #4099ff; border-color: #4099ff; border-style: solid; border-width: 1px; box-sizing: border-box; height: 10px; position: absolute; width: 10px; z-index: 1298; }

.mce-content-body div.mce-resizehandle:hover { background-color: #4099ff; }

.mce-content-body div.mce-resizehandle:nth-of-type(1) { cursor: nwse-resize; }

.mce-content-body div.mce-resizehandle:nth-of-type(2) { cursor: nesw-resize; }

.mce-content-body div.mce-resizehandle:nth-of-type(3) { cursor: nwse-resize; }

.mce-content-body div.mce-resizehandle:nth-of-type(4) { cursor: nesw-resize; }

.mce-content-body .mce-resize-backdrop { z-index: 10000; }

.mce-content-body .mce-clonedresizable { cursor: default; opacity: .5; outline: 1px dashed #000; position: absolute; z-index: 10001; }

.mce-content-body .mce-clonedresizable.mce-resizetable-columns td, .mce-content-body .mce-clonedresizable.mce-resizetable-columns th { border: 0; }

.mce-content-body .mce-resize-helper { background: #555; background: rgba(0, 0, 0, 0.75); border: 1px; border-radius: 3px; color: #fff; display: none; font-family: sans-serif; font-size: 12px; line-height: 14px; margin: 5px 10px; padding: 5px; position: absolute; white-space: nowrap; z-index: 10002; }

.tox-rtc-user-selection { position: relative; }

.tox-rtc-user-cursor { bottom: 0; cursor: default; position: absolute; top: 0; width: 2px; }

.tox-rtc-user-cursor::before { background-color: inherit; border-radius: 50%; content: ''; display: block; height: 8px; position: absolute; right: -3px; top: -3px; width: 8px; }

.tox-rtc-user-cursor:hover::after { background-color: inherit; border-radius: 100px; box-sizing: border-box; color: #fff; content: attr(data-user); display: block; font-size: 12px; font-weight: 700; left: -5px; min-height: 8px; min-width: 8px; padding: 0 12px; position: absolute; top: -11px; white-space: nowrap; z-index: 1000; }

.tox-rtc-user-selection--1 .tox-rtc-user-cursor { background-color: #2dc26b; }

.tox-rtc-user-selection--2 .tox-rtc-user-cursor { background-color: #e03e2d; }

.tox-rtc-user-selection--3 .tox-rtc-user-cursor { background-color: #f1c40f; }

.tox-rtc-user-selection--4 .tox-rtc-user-cursor { background-color: #3598db; }

.tox-rtc-user-selection--5 .tox-rtc-user-cursor { background-color: #b96ad9; }

.tox-rtc-user-selection--6 .tox-rtc-user-cursor { background-color: #e67e23; }

.tox-rtc-user-selection--7 .tox-rtc-user-cursor { background-color: #aaa69d; }

.tox-rtc-user-selection--8 .tox-rtc-user-cursor { background-color: #f368e0; }

.tox-rtc-remote-image { background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center; border: 1px solid #ccc; min-height: 240px; min-width: 320px; }

.mce-match-marker { background: #aaa; color: #fff; }

.mce-match-marker-selected { background: #39f; color: #fff; }

.mce-match-marker-selected::-moz-selection { background: #39f; color: #fff; }

.mce-match-marker-selected::selection { background: #39f; color: #fff; }

.mce-content-body audio[data-mce-selected], .mce-content-body embed[data-mce-selected], .mce-content-body img[data-mce-selected], .mce-content-body object[data-mce-selected], .mce-content-body table[data-mce-selected], .mce-content-body video[data-mce-selected] { outline: 3px solid #b4d7ff; }

.mce-content-body hr[data-mce-selected] { outline: 3px solid #b4d7ff; outline-offset: 1px; }

.mce-content-body [contentEditable=false] [contentEditable=true]:focus { outline: 3px solid #b4d7ff; }

.mce-content-body [contentEditable=false] [contentEditable=true]:hover { outline: 3px solid #b4d7ff; }

.mce-content-body [contentEditable=false][data-mce-selected] { cursor: not-allowed; outline: 3px solid #b4d7ff; }

.mce-content-body.mce-content-readonly [contentEditable=true]:focus, .mce-content-body.mce-content-readonly [contentEditable=true]:hover { outline: 0; }

.mce-content-body [data-mce-selected=inline-boundary] { background-color: #b4d7ff; }

.mce-content-body .mce-edit-focus { outline: 3px solid #b4d7ff; }

.mce-content-body td[data-mce-selected], .mce-content-body th[data-mce-selected] { position: relative; }

.mce-content-body td[data-mce-selected]::-moz-selection, .mce-content-body th[data-mce-selected]::-moz-selection { background: 0 0; }

.mce-content-body td[data-mce-selected]::selection, .mce-content-body th[data-mce-selected]::selection { background: 0 0; }

.mce-content-body td[data-mce-selected] *, .mce-content-body th[data-mce-selected] * { outline: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mce-content-body td[data-mce-selected]::after, .mce-content-body th[data-mce-selected]::after { background-color: rgba(180, 215, 255, 0.7); border: 1px solid rgba(180, 215, 255, 0.7); bottom: -1px; content: ''; left: -1px; mix-blend-mode: multiply; position: absolute; right: -1px; top: -1px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mce-content-body td[data-mce-selected]::after, .mce-content-body th[data-mce-selected]::after { border-color: rgba(0, 84, 180, 0.7); } }
.mce-content-body img[data-mce-selected]::-moz-selection { background: 0 0; }

.mce-content-body img[data-mce-selected]::selection { background: 0 0; }

.ephox-snooker-resizer-bar { background-color: #b4d7ff; opacity: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.ephox-snooker-resizer-cols { cursor: col-resize; }

.ephox-snooker-resizer-rows { cursor: row-resize; }

.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging { opacity: 1; }

.mce-spellchecker-word { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); background-position: 0 calc(100% + 1px); background-repeat: repeat-x; background-size: auto 6px; cursor: default; height: 2rem; }

.mce-spellchecker-grammar { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A"); background-position: 0 calc(100% + 1px); background-repeat: repeat-x; background-size: auto 6px; cursor: default; }

.mce-toc { border: 1px solid gray; }

.mce-toc h2 { margin: 4px; }

.mce-toc li { list-style-type: none; }

[data-mce-block] { display: block; }

.mce-item-table:not([border]), .mce-item-table:not([border]) caption, .mce-item-table:not([border]) td, .mce-item-table:not([border]) th, .mce-item-table[border="0"], .mce-item-table[border="0"] caption, .mce-item-table[border="0"] td, .mce-item-table[border="0"] th, table[style*="border-width: 0px"], table[style*="border-width: 0px"] caption, table[style*="border-width: 0px"] td, table[style*="border-width: 0px"] th { border: 1px dashed #bbb; }

.mce-visualblocks address, .mce-visualblocks article, .mce-visualblocks aside, .mce-visualblocks blockquote, .mce-visualblocks div:not([data-mce-bogus]), .mce-visualblocks dl, .mce-visualblocks figcaption, .mce-visualblocks figure, .mce-visualblocks h1, .mce-visualblocks h2, .mce-visualblocks h3, .mce-visualblocks h4, .mce-visualblocks h5, .mce-visualblocks h6, .mce-visualblocks hgroup, .mce-visualblocks ol, .mce-visualblocks p, .mce-visualblocks pre, .mce-visualblocks section, .mce-visualblocks ul { background-repeat: no-repeat; border: 1px dashed #bbb; margin-left: 3px; padding-top: 10px; }

.mce-visualblocks p { background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7); }

.mce-visualblocks h1 { background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==); }

.mce-visualblocks h2 { background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==); }

.mce-visualblocks h3 { background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7); }

.mce-visualblocks h4 { background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==); }

.mce-visualblocks h5 { background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==); }

.mce-visualblocks h6 { background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==); }

.mce-visualblocks div:not([data-mce-bogus]) { background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7); }

.mce-visualblocks section { background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=); }

.mce-visualblocks article { background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7); }

.mce-visualblocks blockquote { background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7); }

.mce-visualblocks address { background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=); }

.mce-visualblocks pre { background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==); }

.mce-visualblocks figure { background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7); }

.mce-visualblocks figcaption { border: 1px dashed #bbb; }

.mce-visualblocks hgroup { background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7); }

.mce-visualblocks aside { background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=); }

.mce-visualblocks ul { background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==); }

.mce-visualblocks ol { background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==); }

.mce-visualblocks dl { background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==); }

.mce-visualblocks:not([dir=rtl]) address, .mce-visualblocks:not([dir=rtl]) article, .mce-visualblocks:not([dir=rtl]) aside, .mce-visualblocks:not([dir=rtl]) blockquote, .mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]), .mce-visualblocks:not([dir=rtl]) dl, .mce-visualblocks:not([dir=rtl]) figcaption, .mce-visualblocks:not([dir=rtl]) figure, .mce-visualblocks:not([dir=rtl]) h1, .mce-visualblocks:not([dir=rtl]) h2, .mce-visualblocks:not([dir=rtl]) h3, .mce-visualblocks:not([dir=rtl]) h4, .mce-visualblocks:not([dir=rtl]) h5, .mce-visualblocks:not([dir=rtl]) h6, .mce-visualblocks:not([dir=rtl]) hgroup, .mce-visualblocks:not([dir=rtl]) ol, .mce-visualblocks:not([dir=rtl]) p, .mce-visualblocks:not([dir=rtl]) pre, .mce-visualblocks:not([dir=rtl]) section, .mce-visualblocks:not([dir=rtl]) ul { margin-left: 3px; }

.mce-visualblocks[dir=rtl] address, .mce-visualblocks[dir=rtl] article, .mce-visualblocks[dir=rtl] aside, .mce-visualblocks[dir=rtl] blockquote, .mce-visualblocks[dir=rtl] div:not([data-mce-bogus]), .mce-visualblocks[dir=rtl] dl, .mce-visualblocks[dir=rtl] figcaption, .mce-visualblocks[dir=rtl] figure, .mce-visualblocks[dir=rtl] h1, .mce-visualblocks[dir=rtl] h2, .mce-visualblocks[dir=rtl] h3, .mce-visualblocks[dir=rtl] h4, .mce-visualblocks[dir=rtl] h5, .mce-visualblocks[dir=rtl] h6, .mce-visualblocks[dir=rtl] hgroup, .mce-visualblocks[dir=rtl] ol, .mce-visualblocks[dir=rtl] p, .mce-visualblocks[dir=rtl] pre, .mce-visualblocks[dir=rtl] section, .mce-visualblocks[dir=rtl] ul { background-position-x: right; margin-right: 3px; }

.mce-nbsp, .mce-shy { background: #aaa; }

.mce-shy::after { content: "-"; }

body { font-family: sans-serif; }

table { border-collapse: collapse; }

.tox-editor-header { overflow: auto; }
@media (min-width: 768px) { .tox-editor-header { overflow: hidden; } }

#tinymce { padding: .5rem; }

.tox-promotion { display: none; }

/* COLORS */
.text-bg-graydark { background-color: var(--bs-gray-dark); }

/*# sourceMappingURL=askseo.css.map */
