/* #featuredSlider .slide {
    width: 160px !important;
    height: 120px;
    margin: 5px 10px;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 1px 1px 10px #ccc;
} */
/* #featuredSlider .slick-next {
  right: -35px;
  background-image: url(/imgs/general/arrow_right_slim_black.png);
  opacity:0.5;
}
#featuredSlider .slick-prev {
  left: -35px;
  background-image: url(/imgs/general/arrow_left_slim_black.png);
  opacity:0.5;
} */
/* #featuredSlider .slick-prev:hover, #featuredSlider .slick-next:hover {
  background-color:transparent;
  opacity:1;
}
#featuredSlider .slide .content_image {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: transform .2s; 
} */
/* #featuredSlider .slide .content_image:hover {
  transform: scale(1.5);
} */

/*Featured-Interactive*/
iframe {
    zoom: 1.20;
    -moz-transform: scale(1.20);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1.20);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1.20);
    -webkit-transform-origin: 0 0;
    position: relative;
    left: -50px;
    top: -110px;
}

.text-overlay {
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 0;
    right: inherit;
    width: 100%;
    display: block;
    text-align: left;
    z-index: 11;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    background: linear-gradient(to right,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 95%);
}

div#topBar {
    display: none!important;
}

#Featured-Interactive .text-overlay .text-box {
    width: 70%;
    max-width: 650px;
    margin:0 auto;
    margin-left: 5%;
    position:relative;
    top: 25%;
  }
  #Featured-Interactive.textWhite .text-overlay .text-box a:hover {
    color: white !important;
  }
  #Featured-Interactive .text-overlay .text-box a {
    cursor:pointer;
  }
  /* #Featured-Interactive .background {
    background-image:linear-gradient(to right, rgba(0,0,0,0.5), transparent 700px),url('/layout/mars2020/images/surface_experience_mars2020-web.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    min-height:650px;
    height:calc(100vh - 100px);
    width: 100%; 
    /* background-attachment: fixed; */
    /* background-position: bottom center;
    background-position: top 35px center;
  } */ 

  .item.background {
    overflow:hidden;
  }
  
/* #Featured-Interactive .background {
  background-image: linear-gradient(to right, rgba(0,0,0,0.5), transparent 700px),url(/imgs/helicopter/LocationMapImageHeli.jpg) !important;
  height: 650px !important;
} */
#Featured-Interactive .background {
  background-image:linear-gradient(to right, rgba(0,0,0,0.5), transparent 700px),url('/imgs/helicopter/LocationMapImageHeli.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  min-height:650px;
  height:calc(100vh - 100px);
  width: 100%; 
  /* background-attachment: fixed; */
  background-position: bottom center;
  background-position: top 35px center;
}
.iframeOverlay {
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 70%); 
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 70%); 
    background: linear-gradient(to right,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 70%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

#Heli-Sounds {
    background:white;
}

#heliMoreResourcesIcon {
  border-radius:25px;
}



/* CSS for By the Numbers */
.textByTheNumbers {
  font-size:3.5em;
  color:#6d3007;
  font-weight:bold;
}

.byTheNumbersCaption {
  font-size:1em;
  color:#6d3007;
  font-weight:400;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  /* padding: 10px; */
  height: 150px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.scrollToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: auto;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.6);
  color: whitesmoke;
  cursor: pointer;
  opacity: 0.5;
  display: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
  z-index: 10;
}


  /* Responsiveness for Featured-Interactive */
  /* ----------- iPad 1, 2, Mini and Air ----------- */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
    #Featured-Interactive .background {
      background-attachment: inherit;
    }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) {
    #Featured-Interactive .background {
      background-attachment: inherit;
    }

}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 834px) 
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
    #Featured-Interactive .background {
      background-attachment: inherit;
    }
}
@media (min-width: 1440px) {
  .locationMapDescription
  {
      width:70%;
  }

}

/* Phones, Small Devices */
@media only screen and (max-device-width:735px) {
  .column
  {
      display: block; 
      float: none; 
      width: 100%;
  }

}