/* custom easings */
@import url('easing-addons.css');

/* hijacks */
#layerslider .ls-layer .ls-caption-wrapper *, #layerslider .ls-layer .ls-caption-wrapper-lt *, #layerslider .ls-layer .ls-caption-wrapper-rt * { box-sizing: content-box !important; }
#layerslider .ls-gui-element.ls-circle-timer { top: unset; bottom: 10px; right: unset; left: 10px; }
@media (max-width: 768px) {
  #layerslider .ls-gui-element.ls-circle-timer { display: none !important; }
}
/* end hijacks */

/* custom fonts for ls */

@font-face { font-family: "museosansdisplay-eb"; src: url('../fonts/MuseoSansDisplay-ExtraBlack.woff') format('woff'), url('../fonts/MuseoSansDisplay-ExtraBlack.ttf') format('truetype'); font-weight: normal; font-style: normal; }

/* unused

#ls-caption-1 { top: 275px; left: 510px; width: 420px; height: 155px; padding: 5px; text-align: center; }
#ls-caption-2 { top: 285px; left: 600px; width: 340px; height: 150px; padding: 5px; text-align: center; }
#ls-caption-3 { top: 270px; left: 20px; width: 200px;height: 150px; padding: 10px; }
#ls-caption-4 { top: 275px; left: 510px; width: 420px; height: 155px; padding: 5px; text-align: center; }

*/

.ls-caption-wrapper {
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 8%, rgba(0,0,0,0.7) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 8%,rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 8%,rgba(0,0,0,0.7) 100%);
  border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0px;  
}

.ls-caption-wrapper-rt {
  background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 92%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 92%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 92%,rgba(0,0,0,0) 100%);
  border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0px;  
}


.ls-caption-wrapper-lt {
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 8%, rgba(255,255,255,0.7) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0.7) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0.7) 100%);
  border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0px;  
}

.ls-caption-wrapper-tr {
  background: transparent;
  border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0px;
}

.ls-caption-wrapper-tr #ls-allnew { max-width: 136px; width: 100%; height: auto; }
.ls-caption-wrapper-tr #ls-kmg { position: absolute; bottom: 0; right: 0; width: 100%; }
.ls-caption-wrapper #ls-eworks { width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px;}

.ls-caption-wrapper #ls1-caption1 { color: #bb9a00; font-size: 3.4vw; font-family: 'halogen'; line-height: normal !important; }
.ls-caption-wrapper #ls1-caption2 { color: #00459b; font-size: 4.8vw; font-family: 'halogen'; line-height: normal !important; }
.ls-caption-wrapper #ls1-caption3 { color: #9d0097; font-size: 4.8vw; font-family: 'halogen'; line-height: normal !important; }

.ls-caption-wrapper-rt #ls2-caption1 { font-family: neonglow; font-size: 7vw; line-height: normal !important; color: #530000; font-weight: bold; }
.ls-caption-wrapper-rt #ls2-caption2 { font-family: neonglow; font-size: 7vw; line-height: normal !important; color: #165f0f; font-weight: bold; }
.ls-caption-wrapper-rt #ls2-caption3 { font-family: neonglow; font-size: 7vw; line-height: normal !important; color: #00459b; font-weight: bold; }

.ls-caption-wrapper-tr #ls1-caption1-lit { opacity: 0; animation-name: 'lightupLayer1'; animation-duration: 9s; animation-fill-mode: forwards; -webkit-animation-name: 'lightupLayer1'; -webkit-animation-duration: 9s; -webkit-animation-fill-mode: forwards; color: #fff600; font-family: 'halogen'; font-size: 3.4vw; line-height: normal !important; }
.ls-caption-wrapper-tr #ls1-caption2-lit { opacity: 0; animation-name: 'lightupLayer2'; animation-duration: 9s; animation-fill-mode: forwards; -webkit-animation-name: 'lightupLayer2'; -webkit-animation-duration: 9s; -webkit-animation-fill-mode: forwards; color: #00fff6; font-family: 'halogen'; font-size: 4.8vw; line-height: normal !important; }
.ls-caption-wrapper-tr #ls1-caption3-lit { opacity: 0; animation-name: 'lightupLayer3'; animation-duration: 9s; animation-fill-mode: forwards; -webkit-animation-name: 'lightupLayer3'; -webkit-animation-duration: 9s; -webkit-animation-fill-mode: forwards; color: #ff70f3; font-family: 'halogen'; font-size: 4.8vw; line-height: normal !important; }

.ls-caption-wrapper-tr #ls2-caption1-lit {
  opacity: 0;
  animation-name: 'lightupLayer4';
  animation-duration: 3s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  -webkit-animation-name: 'lightupLayer4';
  -webkit-animation-duration: 3s;
  -webkit-animation-fill-mode: none;
  animation-iteration-count: infinite;
  color: #ff4734;
  font-family: 'neonglow';
  font-size: 7vw; 
  line-height: normal !important;
  transition: opacity: 0s !important;
  -webkit-transition: opacity: 0s !important;  
}

.ls-caption-wrapper-tr #ls2-caption2-lit {
  opacity: 0;
  animation-name: 'lightupLayer5';
  animation-duration: 3s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  -webkit-animation-name: 'lightupLayer5';
  -webkit-animation-duration: 3s;
  -webkit-animation-fill-mode: none;
  animation-iteration-count: infinite;
  color: #4eff00;
  font-family: 'neonglow';
  font-size: 7vw; 
  line-height: normal !important;
  transition: opacity: 0s !important;
  -webkit-transition: opacity: 0s !important;  
}

.ls-caption-wrapper-tr #ls2-caption3-lit {
  opacity: 0;
  animation-name: 'lightupLayer6';
  animation-duration: 3s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  -webkit-animation-name: 'lightupLayer6';
  -webkit-animation-duration: 3s;
  -webkit-animation-fill-mode: none;
  animation-iteration-count: infinite;
  color: #00fff6;
  font-family: 'neonglow';
  font-size: 7vw; 
  line-height: normal !important;
  transition: opacity: 0s !important;
  -webkit-transition: opacity: 0s !important;
}


.ls-custom-1 {
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.7) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=1 );
}

#layerslider h1 {
	font-family: 'museosansdisplay-eb', arial; 
	color: #fffc00; 
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}