@charset "UTF-8";
/* 
LIVE VIEW WIDGET
*/

@-webkit-keyframes rotate {
 	0% {
 		-webkit-transform: rotate(0deg);
 		-webkit-transform: translateZ(0deg);
 	}
 	100% {
		-webkit-transform: rotate(360deg);
		-webkit-transform: translateZ(0deg);
  	}
}
@-moz-keyframes rotate {
 	0% {
 		-moz-transform: rotate(0deg);
  	}
  	100% {
		-moz-transform: rotate(360deg);
  	}
}
@-ms-keyframes rotate {
 	0% {
 		-ms-transform: rotate(0deg);
  	}
  	100% {
		-ms-transform: rotate(360deg);
  	}
}
@-o-keyframes rotate {
 	0% {
 		-o-transform: rotate(0deg);
  	}
  	100% {
		-o-transform: rotate(360deg);
  	}
}
@keyframes rotate {
 	0% {
 		transform: rotate(0deg);
  	}
  	100% {
		transform: rotate(360deg);
  	}
}

@-webkit-keyframes rotate_rev {
 	0% {
 		-webkit-transform: rotate(360deg);
 		-webkit-transform: translateZ(0deg);
 	}
 	100% {
		-webkit-transform: rotate(0deg);
		-webkit-transform: translateZ(0deg);
  	}
}
@-moz-keyframes rotate_rev {
 	0% {
 		-moz-transform: rotate(360deg);
  	}
  	100% {
		-moz-transform: rotate(0deg);
  	}
}
@-ms-keyframes rotate_rev {
 	0% {
 		-ms-transform: rotate(360deg);
  	}
  	100% {
		-ms-transform: rotate(0deg);
  	}
}
@-o-keyframes rotate_rev {
 	0% {
 		-o-transform: rotate(360deg);
  	}
  	100% {
		-o-transform: rotate(0deg);
  	}
}
@keyframes rotate_rev {
 	0% {
 		transform: rotate(360deg);
  	}
  	100% {
		transform: rotate(0deg);
  	}
}

.spinner1 {
	animation-name:            		 	rotate_rev;
	animation-duration:         		8s;
	animation-iteration-count:  		infinite;
	animation-timing-function:  		linear;
	
	-webkit-animation-name:             rotate_rev;
	-webkit-animation-duration:         8s;
	-webkit-animation-iteration-count:  infinite;
	-webkit-animation-timing-function:  linear;
	
	-moz-animation-name:             	rotate_rev;
	-moz-animation-duration:         	8s;
	-moz-animation-iteration-count: 	infinite;
	-moz-animation-timing-function:  	linear;
	
	-ms-animation-name:             	rotate_rev;
	-ms-animation-duration:         	8s;
	-ms-animation-iteration-count: 		infinite;
	-ms-animation-timing-function:  	linear;
	
	-o-animation-name:             		rotate_rev;
	-o-animation-duration:         		8s;
	-o-animation-iteration-count: 		infinite;
	-o-animation-timing-function:  		linear;
}
.spinner2 {
	animation-name:            		 	rotate;
	animation-duration:         		6s;
	animation-iteration-count:  		infinite;
	animation-timing-function:  		linear;
	
	-webkit-animation-name:             rotate;
	-webkit-animation-duration:         6s;
	-webkit-animation-iteration-count:  infinite;
	-webkit-animation-timing-function:  linear;
	
	-moz-animation-name:             	rotate;
	-moz-animation-duration:         	6s;
	-moz-animation-iteration-count: 	infinite;
	-moz-animation-timing-function:  	linear;
	
	-ms-animation-name:             	rotate;
	-ms-animation-duration:         	6s;
	-ms-animation-iteration-count: 		infinite;
	-ms-animation-timing-function:  	linear;
	
	-o-animation-name:             		rotate;
	-o-animation-duration:         		6s;
	-o-animation-iteration-count: 		infinite;
	-o-animation-timing-function:  		linear;
}
.spinner3 {
	animation-name:            		 	rotate;
	animation-duration:         		4s;
	animation-iteration-count:  		infinite;
	animation-timing-function:  		linear;
	
	-webkit-animation-name:             rotate;
	-webkit-animation-duration:         4s;
	-webkit-animation-iteration-count:  infinite;
	-webkit-animation-timing-function:  linear;
	
	-moz-animation-name:             	rotate;
	-moz-animation-duration:         	4s;
	-moz-animation-iteration-count: 	infinite;
	-moz-animation-timing-function:  	linear;
	
	-ms-animation-name:             	rotate;
	-ms-animation-duration:         	4s;
	-ms-animation-iteration-count: 		infinite;
	-ms-animation-timing-function:  	linear;
	
	-o-animation-name:             		rotate;
	-o-animation-duration:         		4s;
	-o-animation-iteration-count: 		infinite;
	-o-animation-timing-function:  		linear;
}
.spinner4 {
	animation-name:            		 	rotate;
	animation-duration:         		2s;
	animation-iteration-count:  		infinite;
	animation-timing-function:  		linear;
	
	-webkit-animation-name:             rotate;
	-webkit-animation-duration:         2s;
	-webkit-animation-iteration-count:  infinite;
	-webkit-animation-timing-function:  linear;
	
	-moz-animation-name:             	rotate;
	-moz-animation-duration:         	2s;
	-moz-animation-iteration-count: 	infinite;
	-moz-animation-timing-function:  	linear;
	
	-ms-animation-name:             	rotate;
	-ms-animation-duration:         	2s;
	-ms-animation-iteration-count: 		infinite;
	-ms-animation-timing-function:  	linear;
	
	-o-animation-name:             		rotate;
	-o-animation-duration:         		2s;
	-o-animation-iteration-count: 		infinite;
	-o-animation-timing-function:  		linear;
}

#WattsonRealtime span {
  color: #fff;
  font-size:18px;
}

#WattsonRealtime .counter {
  font-size:42px; 
  line-height:48px; 
  font-weight:600;
}

#WattsonRealtime .rtWrap {
	width: 224px;
	margin: 0 auto;
	position: relative;
	margin-top: -10px;
}

#WattsonRealtime .diverting {
	color: #7b7b7b;
	font-size: 14px;
	text-transform: uppercase;
}

#WattsonRealtime .divert_val {
	color: #7b7b7b;
	
}