.whitetextblackoutline {
  color: white;
//  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

  font-smooth: never;
  -webkit-font-smoothing : none;
}


/*============== */


.burningtext {
  color: #fff;
  text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
  font: 80px 'BlackJackRegular';
}
.fuzztext1 {
  text-shadow: 0 0 0.2em #8F7
}

.fuzztext2 {
  text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87
}

.fuzztext3 {
  text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F
}



.neonglowtext {
//  background:#000;
  color:#fff;
    /*Use shadows to slowly build up the glow. The first shadow should be the colour of the text. Subsequent shadows are the colour you want the glow to be, all with no x or y offset and with increasing amounts of blur (the number of shadows you use depends on how big you want the glow to be).*/
  text-shadow:0 0 10px #fff, 0 0 20px #00d2ff, 0 0 30px #00d2ff, 0 0 40px #00d2ff, 0 0 50px #00d2ff, 0 0 60px #00d2ff, 0 0 70px #00d2ff;
}

.neonglowtext2 {
  text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
}


.subtleglowtext {
  color:#fff;
    /*use two shadows, the first the same colour as the text, the second a darker colour (in this case white and yellow). Both have no x or y offset, the blur you apply to the shadow will determine how big the glow effect is*/
  text-shadow:0 0 30px #fff, 0 0 70px #ffff00;
}


/* ================================================== */

.translucbox {
  background-image: url('slides/slide1.jpg');
  background-position: center top;
  background-size: 1080px auto;
  padding: 70px 90px 120px 90px;
}
.translucboxinner {
  padding: 20px;
  background: rgb(34,34,34); /* for IE */
  background: rgba(34,34,34,0.75);
}



.blurbox {
  /* Absolutely position it, but stretch it to all four corners, then put it just behind #search's z-index */
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 98;

//  margin-right:2px;
//  margin-left:3px;
  margin-right:30px;
  margin-left:30px;

  /* Pull the background 70px higher to the same place as #bg's */
//  background-position: center -270px;     /* This number should be 70 + the margin-top attribute on slidein1. */
//  background-position: center -70px;     /* This number should be 70 + the margin-top attribute on slidein1. */
  background-position: center -370px;     /* This number should be 70 + the margin-top attribute on slidein1. */
  max-height:100%;

//  background-repeat: no-repeat;
//  background-size: auto 370px;
//  height: 370px;

    overflow:hidden;

//  height:1000px;

//  background-image: url('slides/slide1.jpg');

  -webkit-filter: blur(2px);
  filter: url('css/blur.svg#blur');
  filter: blur(2px);

//  background: rgba(34,34,34,1);

  -moz-border-radius: 15px;
  border-radius: 15px;

//  width:100%;
}


/*
      <div class="carouselcontroldarkbarouter">
        <div style="clear:both;"></div>
        <div class="carouselcontroldarkbar">&nbsp;</div>
      </div>
*/

.carouselcontroldarkbarouter {
  border-collapse: collapse;
  display: table;
  height: 100%;
  width: 100%;
  margin-left:0px;
  margin-right:-1px !important;
  margin-bottom:0px;
  padding:0px;
}
.carouselcontroldarkbar {
  display:table-row;
  vertical-align:bottom;
  height: 100px;
  width: 100%;
  background: rgba(34,34,34,.8);
  bottom:0px;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:0px;
  padding:0px;
}


.carousel-control {
//  background-color: grey;
}










/*
 <div class="slideout1" style="background-image: url('slides/slide1.jpg');margin-top:-370px;">

*/









.darkbaracross {
  /* Put this on top of the blurred layer */
  max-height:100%;
  position: relative;
  z-index: 100;
  padding: 15px;
  background: rgb(34,34,34); /* for IE */
  background: rgba(34,34,34,.4);
  height:100px;
  margin-top:-100px;
}


/* @media (max-width: 600px ) { */
@media (max-width: 979px ) {

  .ddarkbaracross {
  /* Put this on top of the blurred layer */
    max-height:100%;
    position: relative;
    z-index: 100;
    padding: 15px;
    background: none; /* for IE */
    background: none;
  }


}



.carousel-caption {
//  bottom:-28px;
  bottom:-30px;
  margin-bottom:0px;
}

.ccarousel-caption {
  top: 100%;
  transform: translateY(-100%);
  bottom: initial;
  margin-bottom:0px;
}

.iitem {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}






.captiontextfix1 {
  color: #ffffff;
}
.captiontextbar {
  height:0px;
}

.captionlong {
  margin-left:-30px;
  margin-right:-30px;
}
.captionlong h3 {
  margin-bottom:5px;
}
.captionlong p {
  font-size: 75%;
  margin-bottom:30px;
}

.ccaptionmedium {
  margin-left:-20px;
  margin-right:-20px;
}

.captionmedium h3 {
  margin-bottom:0px;
}
.captionmedium p {
  margin-bottom:30px;
}

.captionshort h3 {
  margin-bottom:0px;
}
.captionshort p {
  margin-bottom:30px;
}

.indextitletext {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size:150%;
}


@media (max-width: 767px) {
  .captionlong p {
     font-size:100%;
  }
}

@media (min-width:885px) and (max-width: 1180px ) {
  .captionmedium {
    margin-left:-30px;
    margin-right:-30px;
  }
  .captionmedium p {
     font-size:90%;
  }
}


@media (min-width: 768px ) {
  .captiontextfix1 {
    text-align: center;
    color: #ffffff;
    font-weight: normal;
    font-size: 150%;
    margin-top: 0px;

    font-smooth: never;
    -webkit-font-smoothing : none;
  }
  .captiontextbar {
  /* Put this on top of the blurred layer */
    max-height:100%;
    background: rgba(34,34,34,.4);
    text-align: center;
    margin-left: -9999px;
    margin-right: -9999px;
    margin-top:-100px;
    margin-bottom:0px;
    bottom:0px;
    padding-bottom:0px;
    top:auto;

    padding-left: 9999px;
    padding-right: 9999px;
    overflow: hidden;
    height:100px;
    width:100%;
    max-width:100%;
    text-align: center;
    z-index:100;
  }
  .indextitletext {
    font-size:200%;
  }
}

/*
@media (min-width: 361px) and (max-width:1514px) {
  .captionlong h3 {
     font-size:95%;
  }
  .captionlong p {
     font-size:75%;
  }
}
*/


@media (max-width: 319px ) {
  .captionlong h3 {
    margin-bottom:0px;
    font-size:95%; 
  }
  .captionlong p {
    font-size:75%; 
  }
  .captionmedium {
    margin-left:-35px;
    margin-right:-35px;
  }
}

@media (min-width:320px) and (max-width: 340px ) {
  .captionlong h3 {
    margin-bottom:0px;
    font-size:130%; 
  }
}

@media (min-width: 341px) and (max-width: 1514px) {
  .captionlong h3 {
    margin-bottom:2px;
  }
  .captionlong p {
    margin-bottom:25px;
  }

}

@media (min-width: 769px) and (max-width: 885px ) {
  .captionmedium h3 {
     font-size:95%;
  }
  .captionmedium p {
     font-size:75%;
  }
}


.oldcaptiontext {
  /* Put this on top of the blurred layer */
  max-height:100%;
  background: rgba(34,34,34,.4);
  text-align: center;
  margin-left: -9999px;
  margin-right: -9999px;
  padding-left: 9999px;
  padding-right: 9999px;
  overflow: hidden;
  margin-bottom:0px;
  height:100px;
  width:100%;
  max-width:100%;
  bottom:0px;
  top:auto;
  text-align: center;

}






.blackstroke2 {
//  font-family: Raleway;
  font-weight: 900;
  text-shadow: 0px 0px 3px #000;
}

.blackstroke3 {
//  font-family: Raleway;
//  font-weight: 900;
  text-shadow: 0px 0px 3px #000;
  text-shadow: 0px 0px 3px #000, -1px -1px #000, 1px 1px #000;
}