::-webkit-scrollbar {
    width: 0;
    height: 3px;
}
/***new campaign***/
html ,body{
    color: #fff;
	background-color:#aaa;
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	padding: 0;
	width:100%;
    margin: 0 auto;
}


#container{
	background-color: #fff;
}
.hd #container{
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#showcase_header {
    background-image: url(../images/banner.jpg);
    width: 100%;
	max-width: 640px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
#showcase_container{
	position: relative;
    padding: 10px 0 30px 0;
    width: 100%;
    max-width: 640px;
    text-align: center;
	    margin: 0 auto;
}
#footer {
    height: 50px;
    position: relative;
    display: block;
    background-color: #333;
}
p.copyright.normal.hotmob-footer-small-text {
    font-size: 13px;
    text-align: center;
    top: 0;
    left: 0;
    height: 20px;
    position: absolute;
    margin: auto;
    right: 0;
    bottom: 0;
}
.image_box {
    min-width: 135px;
    width: 43%;
    padding: 2% 0% 0;
        margin: 0 1% 0 1%;
    display: inline-block;
}

.image_box div {
    width: 100%;
    height: 100%;
}

/***new campaign***/


@-moz-keyframes slideInFromLeftSpecial {
    from {-moz-transform: translateX(-150px);}
    to {-moz-transform: translateX(0px);}
}
@-moz-keyframes slideInFromRightSpecial {
    from {-moz-transform:rotateY(180deg) translateX(-150px);}
    to {-moz-transform:rotateY(180deg) translateX(0px);}
}

@-webkit-keyframes slideInFromLeftSpecial {
    from {-webkit-transform: translateX(-150px);}
    to {-webkit-transform: translateX(0px);}
}
@-webkit-keyframes slideInFromRightSpecial {
    from {-webkit-transform:rotateY(180deg) translateX(-150px);}
    to {-webkit-transform:rotateY(180deg) translateX(0px);}
}

#rabbit_left.slideInFromLeftSpecial {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-webkit-animation: slideInFromLeftSpecial 0.5s linear;
	-moz-animation: slideInFromLeftSpecial 0.5s linear;
	animation: slideInFromLeftSpecial 0.5s linear;
}
#rabbit_right.slideInFromRightSpecial {
	-webkit-transform:rotateY(180deg) translateX(0);
	-moz-transform:rotateY(180deg) translateX(0);
	-webkit-animation: slideInFromRightSpecial 0.5s linear;
	-moz-animation: slideInFromRightSpecial 0.5s linear;
	animation: slideInFromRightSpecial 0.5s linear;
}


#rabbit_right.slideInFromRightSpecial.dump{
	transform: rotateY(180deg) rotateZ(35deg);
	-webkit-transform: rotateY(180deg) rotateZ(35deg);
	-moz-transform: rotateY(180deg) rotateZ(35deg);
}
#rabbit_left.slideInFromLeftSpecial.dump{
	transform: rotateZ(35deg);
	-webkit-transform: rotateZ(35deg);
	-moz-transform: rotateZ(35deg);
}


@-webkit-keyframes scaleOut {
    from {-webkit-transform: scale(1);}
    to {-webkit-transform:  scale(0);}
}
@-moz-keyframes scaleOut {
    from {-moz-transform: scale(1);}
    to {-moz-transform:  scale(0);}
}
@keyframes scaleOut {
    from {transform: scale(1);}
    to {transform:  scale(0);}
}

@-webkit-keyframes scaleIn {
    from {-webkit-transform: scale(0);}
    to {-webkit-transform:  scale(1);}
}
@-moz-keyframes scaleIn {
    from {-moz-transform: scale(0);}
    to {-moz-transform:  scale(1);}
}
@keyframes scaleIn {
    from {transform: scale(0);}
    to {transform:  scale(1);}
}

@-webkit-keyframes slideToTop {
    from { left: 100px;  top: 330px;  width: 120px;  height: 105px;}
    to { left: 65px;  top: 100px;  width: 190px;  height: 184px;}
}
@-moz-keyframes slideToTop {
    from { left: 100px;  top: 330px;  width: 120px;  height: 105px;}
    to { left: 65px;  top: 100px;  width: 190px;  height: 184px;}
}
@keyframes slideToTop {
    from { left: 100px;  top: 330px;  width: 120px;  height: 105px;}
    to { left: 65px;  top: 100px;  width: 190px;  height: 184px;}
}

@-webkit-keyframes slideToTop548 {
    from { left: 100px;  top: 330px;  width: 120px;  height: 105px;}
    to { left: 65px;  top: 120px;  width: 190px;  height: 184px;}
}
@-moz-keyframes slideToTop548 {
    from { left: 100px;  top: 330px;  width: 120px;  height: 105px;}
    to { left: 65px;  top: 120px;  width: 190px;  height: 184px;}
}
@keyframes slideToTop548 {
    from { left: 100px;  top: 330px;  width: 120px;  height: 105px;}
    to { left: 65px;  top: 120px;  width: 190px;  height: 184px;}
}

.flashFading{
  -webkit-animation: flashFading 1s infinite; /* Safari 4+ */
  -moz-animation:    flashFading 1s infinite; /* Fx 5+ */
}

@-moz-keyframes flashFading {
    0% {opacity: 1;}
    50% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes flashFading {
    0% {opacity: 1;}
    50% {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes shakeFacebookGesture {
    0% {-webkit-transform: translateX(0) translateY(0);}
	50% {-webkit-transform: translateX(10%) translateY(10%);}
	100% {-webkit-transform: translateX(0) translateY(0);}
}
@-moz-keyframes shakeFacebookGesture {
    0% {-moz-transform: translateX(0) translateY(0);}
	50% {-moz-transform: translateX(10%) translateY(10%);}
	100% {-moz-transform: translateX(0) translateY(0);}
}
@keyframes shakeFacebookGesture {
    0% {transform: translateX(0) translateY(0);}
	50% {transform: translateX(10%) translateY(10%);}
	100% {transform: translateX(0) translateY(0);}
}
.shakeFacebookGesture{
	-webkit-animation: shakeFacebookGesture 0.7s infinite;
	-webkit-animation-play-state: running;  /* Chrome, Safari, Opera */
	-moz-animation: shakeFacebookGesture 0.7s infinite;
	-moz-animation-play-state: running;  /* Chrome, Safari, Opera */
	animation: shakeFacebookGesture 0.7s infinite;
	animation-play-state: running;  /* Chrome, Safari, Opera */
}