/* CSS Document */
.store-notice {
  animation-duration: 2s;
  position:relative;
  transition:all 0.3s ease;
  opacity:1;
}
.notice-text .social{
	font-size:18px;
}
.store-notice .notice-text{
	padding:5px 0px;
	font:bold;
	line-height:2;
	float:left;
	width:100%;
	text-align:center;
}
.store-notice  a{
	border-radius: 5px;
	padding: 3px 10px;
	margin:5px;
	cursor:pointer;
	margin-right:5px;
	padding-right:10px;
}
.store-notice span {
  margin: 0 10px;
}
.store-notice a i{
	padding:5px;
	color:#fff;
}
.btnNewsletter {
  border: none;
  padding: 2px 5px;
  border-radius: 5px;
  margin-left: 5px;
}
.store-notice .close {
  color: #FFF;
  cursor: pointer;
  position:absolute;
  right: 15px;
  top: 28%;
}
.store-notice.bottom {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
}
.store-notice.top {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
}
.store-notice .notice-text  a {
  text-decoration: none;
  white-space:nowrap;
  line-height:2.5;
}
.store-notice > p > a {
  text-decoration: none;
}
.store-notice > ul {
  background-color: #b292f0;
  margin:0;
  padding:20px 0px;
  text-align:center;
}
.store-notice > ul li {
  background-color: #000;
  color: #fff;
  display: inline;
  padding: 10px;
  text-align: center;
  margin:0px 10px;
}
.store-notice .countref {
  margin:10px 20px 5px 10px;
}
.countref > a {
  padding: 5px 10px;
  border-radius: 2px;
  text-decoration: none;
}
.allsocial a{
	padding:8px 15px;
	line-height:2;
}
.notice-text .btnMailing {
  padding: 3px 5px;
  border:0;
  border-radius:2px;
}
.notification-err{
	color:#fb4400;
}
.email-success {
	border:2px solid #393;
	margin:5px auto;
	width: 90%;
	text-align:center;
}
.notification-loading{
	display:none;
	width:20px;
}
.notice-text .facebook { background-image: url("../image/facebook.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .twitter { background-image: url("../image/twitter.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .gplus { background-image: url("../image/google-plus.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .delicious { background-image: url("../image/delicious.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .digg { background-image: url("../image/digg.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .dribble { background-image: url("../image/dribbble.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .flickr { background-image: url("../image/flickr.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .linkedin { background-image: url("../image/linkedin.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .instagram { background-image: url("../image/instagram.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .pinterest { background-image: url("../image/pinterest.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .reddit { background-image: url("../image/reddit.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .tumblr { background-image: url("../image/tumblr.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .vine { background-image: url("../image/vine.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .yelp { background-image: url("../image/yelp.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .github { background-image: url("../image/github-sign.png"); background-repeat: no-repeat;background-position: center;}
.notice-text .youtube { background-image: url("../image/youtube.png"); background-repeat: no-repeat;background-position: center;}


@media only screen and (max-width: 480px) {
	.allsocial a{
		line-height:3;
	}
	.store-notice .notice-text{
		line-height:1.5;
		padding-right:15px;
	}
	.store-notice .countref, .countdown-main .countdown, .countdown-main .counttext{
 		 display: block;
	}
	#notificationMailing > span {
 		width: 90%;
  		float: left;
  		text-align: center;
	}
	.notice-text .btnMailing {
		margin:5px;
 	}	
	.mailing-input.required-entry.validate-email {
		margin:5px;
		width:99%;
	}
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0,-4px,0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, .95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}

@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}