#homePanelLeft,#homePanelRight{ width:100%; float:left;}

#panel1,#panel2,#panel3,#panel4{
  width:100%;
  float:left;
}
#panel1 img,#panel2 img,#panel3 img,#panel4 img{
  width:100%;	  
}

@media (min-width: 768px) {
  #homePanelLeft,#homePanelRight{ width:50%}
}

.homePanelInner{ position:relative; }
.homePanelText{ position:absolute; top: 5px; color:#000; }
.homePanelText sup{ font-size: 0.4em; top:-1em; }
.homePanelHeading{ font-family:'league_gothicregular',Helvetica,Arial,sans-serif; font-size: 16px; margin:0 0 5px 0;  }
.homePanelCopy{ font-family: 'Open Sans Condensed', sans-serif; font-size:14px; }
.homePanelTextLeft{ right:auto; left:5px; }
.homePanelTextRight{ left:auto; right:5px; }
.homePanelDark{ color:#fff; width:50%;  }

#panel1 .homePanelText{ width:80%; }
#panel2 .homePanelText{ width:45%; }

@media (min-width: 1024px) {
  .homePanelText{ top:15px; }
  .homePanelTextRight{ right:15px; }   
  .homePanelTextLeft{ left:15px; }     
  #panel1 .homePanelText{ width:75%; font-size:16px; }
}
@media (min-width: 1200px) {
  .homePanelHeading{ font-size: 20px; }
  .homePanelCopy{ font-size: 18px; }
}

#homeVidCopy{
  color:#000;
  max-width:265px;
}
#homeVidCopy{ font-family: 'league_gothicregular',Helvetica,Arial,sans-serif; }
#homeVidCopy h3 { text-transform:uppercase; }
#homeVidCopy p { font-family: 'Open Sans Condensed', sans-serif; font-size:16px; }
#homeVidCopy a{ color:#000; text-decoration:none; font-size:16px;}
#homeVidCopy{
  width: 65%;
  margin: 10px 0 0 15px;
} 
@media (min-width: 768px) {
  #homeVidCopy{
    width: 30%;
    margin: 25px 0 0 25px;
  }  
}
/* ----------------------------------------- */

.cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;

  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.15);
  
}
.hi {
    position: fixed;
    bottom: 40px;
    right: 30px;
    /*transform: translate(-50%,-50%);*/
    
    color: #fff;
    
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    

  }


.tv {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;

  overflow: hidden;
  

}

  .screen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;

    margin: auto;

    opacity: 0;
    transition: opacity .5s;


  }

   .screen.active {
      opacity: 1;
    }

#videoOuter{ min-height:250px; position:relative; background-color: #cbcbcc;}
#videoOuter .btn,
#videoOuter .btn:hover{
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #FFF;
  border-radius: 0;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px;  
  color:#fff;
  font-size:25px;
  /*font-variant: small-caps;*/
}
#videoOuter .btn:hover{
  background: rgba(0, 0, 0, 0.6);	
}
#wamAdminOverlay{ z-index:1!important; }

#NextGen{
 background:rgba(255,255,255,0.2);
 border:2px solid black;
}
#NextGen span{ float:left; }






/* Slick.js */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


#slickSliderOuter{height:60px;background-color:#fbfaf4;}
#slickSlider{height:60px;width:80%;overflow:hidden;margin-left:auto;margin-right:auto; max-width:900px; min-width:280px;}
#slickSlider .slick-slider{margin-bottom:0}
#slickSlider .slick-arrow{font-size:24px;margin-top:-16px;height:30px;line-height:30px;color:#111;cursor:pointer;}
#slickSlider .arrow-prev{margin-left:17px; position:absolute; left:0; top:0px; padding-top:34px;}
#slickSlider .arrow-next{margin-right:17px; position:absolute; right:0;  top:0px; padding-top:34px; }
#slickSlider .slick-list{width:75%;  max-width:880px; min-width:260px; margin:0 auto; height:60px; line-height:60px; text-align:center; }
#slickSlider .slick-slide img{display:inline}
#slickSlider a{ color: #333; font-weight:bold; }

.content.container-fluid{ margin:0; }




#myCarousel{ margin-top:0; }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  /*height: 416px;*/
  min-height: 124px;
  margin: 15px 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {  
  background-color: #ccc;
}
.carousel-inner .item img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

@media (max-width:480px) { .carousel, .carousel .item { min-height: 115px;}}
@media (min-width: 768px) { .carousel, .carousel .item { min-height: 230px;}}
@media (min-width: 800px) { .carousel, .carousel .item { min-height: 240px;}}
@media (min-width: 900px) { .carousel, .carousel .item { min-height: 260px;}}
@media (min-width: 1000px) { .carousel, .carousel .item { min-height: 300px;}}
@media (min-width: 1200px) { .carousel, .carousel .item { min-height: 400px; }}
@media (min-width: 1600px) { .carousel, .carousel .item { min-height: 500px; }}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

#myCarousel{ margin-bottom:0; }

.marketing{ padding:15px; }
.marketing a{ display:inline-block; }
.marketing a img{ width:100%; max-width:480px; }