html, body {
  background-color: #313132;
  width: 100vw;
  overflow-x: hidden;  
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.abg-HOME {
  background-image: url(https://thelimitlessgroup.com/images/bg-images/TLG-home_image-stars.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0px;
  left: 0px;
  Width: 110%;
  height: 110%; 
  overflow: hidden;
  z-index: -1000;
  overscroll-behavior: none;
  touch-action: none;
  
  animation: imageAnimation-HOME 36s linear infinite 0s;
}

.abg-PRIVACY {
  background-image: url(https://thelimitlessgroup.com/images/bg-images/TLG-Privacy-Dallas.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0%;
  right: 0%;
  Width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index: -1000;
  overscroll-behavior: none;
  touch-action: none;
  
  animation: imageAnimation-INT 60s linear infinite 0s;
}

.abg-TEAM {
  background-image: url(https://thelimitlessgroup.com/images/bg-images/TLG-bios_image-rocks.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0%;
  right: 0%;
  Width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index: -1000;
  overscroll-behavior: none;
  touch-action: none;
  
  animation: imageAnimation-INT 60s linear infinite 0s;
}

.abg-CONTACT {
  background-image: url(https://thelimitlessgroup.com/images/bg-images/TLG-contact_image-gears.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0%;
  right: 0%;
  Width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index: -1000;
  overscroll-behavior: none;
  touch-action: none;
  
  animation: imageAnimation-INT 60s linear infinite 0s;
}

.abg-CLIENTS {
  background-image: url(https://thelimitlessgroup.com/images/bg-images/TLG-clients_image-rope.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0%;
  right: 0%;
  Width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index: -1000;
  overscroll-behavior: none;
  touch-action: none;
  
  animation: imageAnimation-INT 60s linear infinite 0s;
}

.abg-PROPOSAL {
  background-image: url(https://thelimitlessgroup.com/images/bg-images/TLG-proposals_image-drafting.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0%;
  right: 0%;
  Width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index: -1000;
  overscroll-behavior: none;
  touch-action: none;
  
  animation: imageAnimation-INT 60s linear infinite 0s;
}

.abg-MARKETING {
  background-image: url(https://thelimitlessgroup.com/images/bg-images/TLG-marketing_image-rock.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0%;
  right: 0%;
  Width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index: -1000;
  overscroll-behavior: none;
  touch-action: none;
  
  animation: imageAnimation-INT 60s linear infinite 0s;
}

.abg-ABOUT {
  background-image: url(https://thelimitlessgroup.com/images/bg-images/TLG-about_image-chain.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0%;
  right: 0%;
  Width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index: -1000;
  overscroll-behavior: none;
  touch-action: none;
  
  animation: imageAnimation-INT 60s linear infinite 0s;
}

.abg-CAPABILITIES {
  background-image: url(https://thelimitlessgroup.com/images/bg-images/TLG-communications_image-lighthouse.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0%;
  right: 0%;
  Width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index: -1000;
  overscroll-behavior: none;
  touch-action: none;
  
  animation: imageAnimation-INT 60s linear infinite 0s;
}

.abg-SITEMAP {
  background-image: url(https://thelimitlessgroup.com/images/bg-images/TLG-Sitemap-Denver.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0%;
  right: 0%;
  Width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index: -1000;
  overscroll-behavior: none;
  touch-action: none;
  
  animation: imageAnimation-INT 60s linear infinite 0s;
}


.abg-HOME:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}

.abg-CLIENTS:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}

.abg-ABOUT:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}

.abg-MARKETING:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}

.abg-PROPOSAL:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}

.abg-CAPABILITIES:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}

.abg-CONTACT:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}

.abg-TEAM:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}

.abg-PRIVACY:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}

.abg-SITEMAP:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}


@keyframes imageAnimation-HOME {
0% {
  opacity: 0.75;
  transform: scale(1.0);
  animation-timing-function: ease-out;
}
15% {
  opacity: 0.5;
  transform: scale(1.15);
}
35% {
  opacity: 1;
  -webkit-transform: scale(1.1) translatex(-5%);
}
55% {
  opacity: 1;
  animation-timing-function: ease-in;
  -webkit-transform: scale(1.1) translatex(-10%);
}
85% {
  opacity: 1;
  -webkit-transform: scale(1.05) translatex(0%);
  animation-timing-function: ease-out;
}
100% { 
  opacity: 0.75;
  transform: scale(1.0);
}
} 


@keyframes imageAnimation-INT { 
0% {
  opacity: 0;
  animation-timing-function: ease-in;
}
1% {
  opacity: 1;
}
50% {
  opacity: 1;
  transform: scale(1.1);
  -webkit-transform: scale(1.2) ;
}		
99% {
  opacity: 1;
  animation-timing-function: ease-out;
}
100% {
  opacity: 0;
}
}


.no-cssanimations .abg-HOME .abg-ABOUT {
  opacity: 1;
}


@media only screen and (max-width : 500px) 

{

.abg-SITEMAP {

  background-image: url(https://thelimitlessgroup.com/images/mobile/tlg-mobile-2018-Denver.jpg); !important
  position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  touch-action: none;
}

.abg-PRIVACY {

  background-image: url(https://thelimitlessgroup.com/images/mobile/tlg-mobile-2018-Dallas.jpg); !important
  position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  touch-action: none;
}

.abg-TEAM {

  background-image: url(https://thelimitlessgroup.com/images/mobile/tlg-mobile-2018-stacked.jpg); !important
  position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  touch-action: none;
}

.abg-ABOUT {

  background-image: url(https://thelimitlessgroup.com/images/mobile/tlg-mobile-2018-chain.jpg); !important
  position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  touch-action: none;
} 

.abg-PROPOSAL {

  background-image: url(https://thelimitlessgroup.com/images/mobile/tlg-mobile-2019-drafting.png); !important
  position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  touch-action: none;
}

.abg-MARKETING {

  background-image: url(https://thelimitlessgroup.com/images/mobile/tlg-mobile-2018-rock.png); !important
  position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  touch-action: none;

}

.abg-CAPABILITIES {

  background-image: url(https://thelimitlessgroup.com/images/mobile/tlg-mobile-2018-lighthouse.jpg); !important
  position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  touch-action: none;

}

.abg-CLIENTS {

  background-image: url(https://thelimitlessgroup.com/images/mobile/tlg-mobile-2018-rope.jpg); !important
  position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  touch-action: none;

}

.abg-CONTACT {

  background-image: url(https://thelimitlessgroup.com/images/mobile/tlg-mobile-2018-gears.jpg); !important
  position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  touch-action: none;

}