h1.ScrollerHeading {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 900;
	font-size: 30px;
	color: #23a9e8;
  	letter-spacing: 0px;
  	display: block;
  	margin: 0px 10px 0px 0px;
  	line-height: 1;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}

#scroller-desktop {
	width: 100%;
	height: 240px;
	margin: 0 auto;
	background-color: #ffffff;
	border-top: 0px solid white;
	border-bottom: 4px solid white;
}

.scroller-white-background {
  background: rgba(1, 1, 1, 1) !important;
  transition: background-color 1s ease;
}

#ClientCarouselWrapper {
	width:auto;
	padding: 0px 20px 0px 10px;
  	margin: 0px 0px 0px 0px;
}


/* 
#ScrollerContainer {
	padding: 0px 20px 0px 10px;
}
 */

#ScrollerWrapper {
	display: inline-block;
	width: 100%;
	border: 2px solid #245ac2;
	padding: 2px 2px 2px 2px;
	background: white;
	margin: 10px 0px 0px 0px;
}

#scroller-desktop {
	position: relative;
/* 
	background: repeating-linear-gradient(-45deg,#245ac2,#245ac2 20px,white 20px,white 40px);
	background-size:56px 56px;
	background-position-x:0%;
 */

	-webkit-transition-property: -webkit-transform;
	-webkit-animation-name: slide; 
	-webkit-animation-duration: 10s; 
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-transition-property: -moz-transform;
	-moz-animation-name: slide; 
	-moz-animation-duration: 10s; 
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	-o-transition-property: -o-transform;
	-o-animation-name: slide; 
	-o-animation-duration: 10s; 
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;

	transition-property: transform;
	animation-name: slide; 
	animation-duration: 10s; 
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-webkit-keyframes slide {
	0%{
		background-position-x:0%;
	}
	100% {
		background-position-x:100%;
	}
}

@-moz-keyframes slide {
	0%{
		background-position-x:0%;
	}
	100% {
		background-position-x:100%;
	}
}


@-o-keyframes slide {
	0%{
		background-position-x:0%;
	}
	100% {
		background-position-x:100%;
	}
}

@keyframes slide {
	0%{
		background-position-x:0%;
	}
	100% {
		background-position-x:100%;
	}
}


/* ********************************************************** */
/* ********************************************************** */
/* ********************************************************** */

#scroller-desktop .innerScrollArea {
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#scroller-desktop ul {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#scroller-desktop li {
	list-style-type: none;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ScrollingSquare {
	width: auto;
	height: 240px;
/* 
	border-top: 6px solid white;
 */
	border-bottom: 6px solid white;
	border-left: 3px solid white;
	border-right: 3px solid white;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ScrollingSquare:hover,
.ScrollingSquare:active {
    -webkit-filter: brightness(1.25);
    filter: brightness(1.25);
	transform: rotate(360deg);
}

.ScrollingSquareSpinnyTableWrapper {
	display: none;
}
.ScrollingSquareSpinnyTable {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0;
	width: 100%;
	height: 240px;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.TableTR {
	display: table-row;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
}


.ScrollingSquareSpinnyTD {
	display: table-cell;
	vertical-align: middle;
	text-align: center !important
}

/* ********************************************************** */
/* ********************************************************** */
/* ********************************************************** */

.SpinnyThings {
	display: none;
	vertical-align: middle !important;
 }

.svg-spinners {
	vertical-align: middle !important;

	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1.2s;
	-webkit-animation-name: rotate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-transition-property: -moz-transform;
	-moz-animation-name: rotate; 
	-moz-animation-duration: 1.2s; 
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	transition-property: transform;
	animation-name: rotate; 
	animation-duration: 1.2s; 
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-webkit-keyframes rotate {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}