/*µ×²¿*/
#footer-wrapper {
    margin-bottom: 100px;
}

/*¸¡¶¯*/
@keyframes warnX {
0% {box-shadow: 0 0 0 0px rgba(255,199,92,0.6);}
100% {box-shadow: 0 0 0 12px rgba(255,199,92,0);}
}

@keyframes warnR {
0% {box-shadow: 0 0 0 0px rgba(197,23,23,0.45);}
100% {box-shadow: 0 0 0 12px rgba(197,23,23,0);}
}

.popups{background: #ffc75c;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZjNzVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmOGY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(-45deg, #ffc75c 1%, #ff8f5c 100%);background: -webkit-linear-gradient(-45deg, #ffc75c 1%,#ff8f5c 100%);background: linear-gradient(135deg, #ffc75c 1%,#ff8f5c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc75c', endColorstr='#ff8f5c',GradientType=1 );width: 60px;height: 60px;border-radius: 50%;position: fixed;right: 30px;top: 50%;box-shadow: 0 0 0 12px rgba(255,199,92,0.6);cursor: pointer;animation: warnX 5s ease-out 0s;z-index: 333;}

.popups2{background:#b91212;background:-moz-linear-gradient(45deg,#b91212 0%,#d11c1c 100%);background:-webkit-linear-gradient(45deg,#b91212 0%,#d11c1c 100%);background:linear-gradient(45deg,#b91212 0%,#d11c1c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b91212',endColorstr='#d11c1c',GradientType=1 );box-shadow:0 0 0 12px rgba(197,23,23,0.45);width: 60px;height: 60px;border-radius: 50%;position: fixed;right: 30px;top: 38%;cursor: pointer;animation: warnR 5s ease-out 0s;z-index: 333;}
.popups2 span{color: #fff;width: 30px;height: 30px;line-height: 15px;font-size:15px;padding:15px;display: block;}
.popups2 span img{width: 30px;height: 30px;display: block;}
.popups span{color: #fff;width: 70px;height: 30px;line-height: 15px;font-size:15px;padding:15px;display: block;}
.popup {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 99999999;display: none;}
.popupbox {margin: 0 auto;position: relative;width: 350px;height: 390px;-moz-box-shadow: 0px 0px 5px rgba(238, 241, 245, 0.74);}
.popup-img {width: 100%;height: 100%;margin-top: 50%;}

.popups3{background:#1971ef;background:-moz-linear-gradient(45deg,#1971ef 0%,#d11c1c 100%);background:-webkit-linear-gradient(45deg,#1971ef 0%,#d11c1c 100%);background:linear-gradient(45deg,#1971ef 0%,#d11c1c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1971ef',endColorstr='#d11c1c',GradientType=1 );box-shadow:0 0 0 12px rgba(197,23,23,0.45);width: 60px;height: 60px;border-radius: 50%;position: fixed;right: 30px;top: 62%;cursor: pointer;animation: warnR 5s ease-out 0s;z-index: 333;}
.popups3 span{color: #fff;width: 30px;height: 30px;line-height: 15px;font-size:15px;padding: 15px 15px;display: block;}
.popups3 span img{width: 30px;height: 30px;display: block;}
.popups span{color: #fff;width: 70px;height: 30px;line-height: 15px;font-size:15px;padding:15px;display: block;}
.popup {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 99999999;display: none;}
.popupbox {margin: 0 auto;position: relative;width: 350px;height: 390px;-moz-box-shadow: 0px 0px 5px rgba(238, 241, 245, 0.74);}
.popup-img {width: 100%;height: 100%;margin-top: 50%;}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}


.popups2 p {
  position: absolute;
  top: 8px;
  width: 200px;
  z-index: 0;
  background: #fff;
  padding: 5px 20px;
  font-size: 18px;
  font-family: arial;
  line-height: 32px;
  color: #aaa;
  border-radius: 60px;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.08);
  opacity: 0;
  right: 0;
  transition: 0.3s all ease;
}

.popups2:hover p{opacity: 1;right: 80px}
.popups2 p img{display: inline-block;vertical-align: middle;padding-right: 10px;opacity: 0.2;padding-bottom: 3px;}

.popups2 p:hover {
  color: #be1414;
}
.popups2 p:hover img {
  opacity: 0.85;
}
:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.repeat-1 {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: var(--animate-repeat);
	animation-iteration-count: var(--animate-repeat)
}

.animated.repeat-2 {
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2;
	-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
	animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animated.repeat-3 {
	-webkit-animation-iteration-count: 3;
	animation-iteration-count: 3;
	-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
	animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-delay: var(--animate-delay);
	animation-delay: var(--animate-delay)
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-delay: calc(var(--animate-delay)*2);
	animation-delay: calc(var(--animate-delay)*2)
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-delay: calc(var(--animate-delay)*3);
	animation-delay: calc(var(--animate-delay)*3)
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-delay: calc(var(--animate-delay)*4);
	animation-delay: calc(var(--animate-delay)*4)
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-delay: calc(var(--animate-delay)*5);
	animation-delay: calc(var(--animate-delay)*5)
}

.animated.faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-duration: calc(var(--animate-duration)/2);
	animation-duration: calc(var(--animate-duration)/2)
}

.animated.fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.8);
	animation-duration: calc(var(--animate-duration)*0.8)
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-duration: calc(var(--animate-duration)*2);
	animation-duration: calc(var(--animate-duration)*2)
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-duration: calc(var(--animate-duration)*3);
	animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
	.animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important
	}

	.animated[class*=Out] {
		opacity: 0
	}
}