@charset "utf-8";
/* CSS Document */

/** 2.32 Animations Addons */
@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px; }
  50% {
    left: 50%;
    width: 20px;
    height: 20px; }
  100% {
    left: 50%;
    width: 375px;
    height: 375px; } }

@keyframes criss-cross-left {
  0% {
    left: -20px; }
  50% {
    left: 50%;
    width: 20px;
    height: 20px; }
  100% {
    left: 50%;
    width: 375px;
    height: 375px; } }

@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px; }
  50% {
    right: 50%;
    width: 20px;
    height: 20px; }
  100% {
    right: 50%;
    width: 375px;
    height: 375px; } }

@keyframes criss-cross-right {
  0% {
    right: -20px; }
  50% {
    right: 50%;
    width: 20px;
    height: 20px; }
  100% {
    right: 50%;
    width: 375px;
    height: 375px; } }

@-webkit-keyframes anim-naira-1 {
  50% {
    -webkit-transform: translateY(-50%) rotate3d(0, 0, 1, -10deg);
    transform: translateY(-50%) rotate3d(0, 0, 1, -10deg);
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateY(0%) rotate3d(0, 0, 1, 0deg);
    transform: translateY(0%) rotate3d(0, 0, 1, 0deg); } }

@keyframes anim-naira-1 {
  50% {
    -webkit-transform: translateY(-50%) rotate3d(0, 0, 1, -10deg);
    transform: translateY(-50%) rotate3d(0, 0, 1, -10deg);
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateY(0%) rotate3d(0, 0, 1, 0deg);
    transform: translateY(0%) rotate3d(0, 0, 1, 0deg); } }

@-webkit-keyframes anim-naira-2 {
  50% {
    -webkit-transform: translateY(50%) rotate3d(0, 0, 1, 10deg);
    transform: translateY(50%) rotate3d(0, 0, 1, 10deg);
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateY(0%) rotate3d(0, 0, 1, 0deg);
    transform: translateY(0%) rotate3d(0, 0, 1, 0deg); } }

@keyframes anim-naira-2 {
  50% {
    -webkit-transform: translateY(50%) rotate3d(0, 0, 1, 10deg);
    transform: translateY(50%) rotate3d(0, 0, 1, 10deg);
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateY(0%) rotate3d(0, 0, 1, 0deg);
    transform: translateY(0%) rotate3d(0, 0, 1, 0deg); } }

@-webkit-keyframes fadeInUpSm {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpSm {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpSm {
  -webkit-animation-name: fadeInUpSm;
  animation-name: fadeInUpSm;
  animation-duration: .4s; }

@-webkit-keyframes fadeOutDownSm {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0); } }

@keyframes fadeOutDownSm {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0); } }

.fadeOutDownSm {
  -webkit-animation-name: fadeOutDownSm;
  animation-name: fadeOutDownSm;
  animation-duration: .4s; }

@-webkit-keyframes fadeBoth {
  0%,
  100% {
    opacity: 0; }
  50% {
    opacity: 1; } }

@keyframes fadeBoth {
  0%,
  100% {
    opacity: 0; }
  50% {
    opacity: 1; } }

/** 2.33 Groups */
html .group {
  margin-bottom: 0px;
  margin-left: 0px;
   }
  html .group > *:not(.group-item) {
    display: inline-block;
    margin-top: 10px;
    margin-left:4px;
	width:47%; height:50px;}
  html .group > .group-item {
    display: inline-block;
    padding-top: 15px;
    padding-left: 15px; }
	
  html .groupb > *:not(.group-item) {
    display: inline-block;
    margin-top: 0px;
    margin-left:0px;
	width:100%; height:50px;}
  html .groupb > .group-item {
    display: inline-block;
    padding-top: 15px;
    padding-left: 15px; }

html .group-xs {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  margin-bottom: -5px;
  margin-left: -5px; }
  html .group-xs > *:not(.group-item) {
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px; }
  html .group-xs > .group-item {
    display: inline-block;
    padding-top: 5px;
    padding-left: 5px; }

html .group-sm {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  margin-bottom: -10px;
  margin-left: -10px; }
  html .group-sm > *:not(.group-item) {
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px; }
  html .group-sm > .group-item {
    display: inline-block;
    padding-top: 10px;
    padding-left: 10px; }

html .group-lg {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  margin-bottom: -20px;
  margin-left: -20px; }
  html .group-lg > *:not(.group-item) {
    display: inline-block;
    margin-top: 40px;
    margin-left: 20px; }
  html .group-lg > .group-item {
    display: inline-block;
    padding-top: 20px;
    padding-left: 20px; }

html .group-xl {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  margin-bottom: -30px;
  margin-left: -30px; }
  html .group-xl > *:not(.group-item) {
    display: inline-block;
    margin-top: 30px;
    margin-left: 30px; }
  html .group-xl > .group-item {
    display: inline-block;
    padding-top: 30px;
    padding-left: 30px; }

html .group-top > *, html .group-top > *:first-child {
  vertical-align: top; }

html .group-middle > *, html .group-middle > *:first-child {
  vertical-align: middle; }

html .group-bottom > *, html .group-bottom > *:first-child {
  vertical-align: bottom; }