body {
  padding-top: 6rem;
  }
  .starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
  }
  div.tooltip-inner {
  max-width: 100%;
  width: 100%;
  text-align:left;
  }
  @media (max-width: 320px) {
      div.tooltip-inner {
           min-width: initial;
           width: 320px;
      }
  }
  option:disabled {
    color: #eee;
  }
  .slidecontainer {
    width: 100%; /* Width of the outside container */
  }

  /* The slider itself */
  .slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
  }

  /* Mouse-over effects */
  .slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
  }

  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
  }

  .slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
  }
  .table-row {cursor:pointer;}
  .rowSelected {background:#82c785 !important;}
  .rowSelected2 {background:orange !important;}
  main > .container-fluid {
    padding: 90px 15px 0;
  }
  img.img-fluid.img-thumbnail{object-fit: cover; width:fit-content;height:350px;}
  figure.col-3{object-fit: cover; width:fit-content;height:350px;}
  .carousel-cell {
    width: 100%; /* full width */
    height: 200px;
    background: #222;
    /* center images in cells with flexbox */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .carousel.is-fullscreen .carousel-cell {
    height: 100%;
  }
  .carousel-cell img {
    display: block;
    max-height: 100%;
  }
  .fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
  }

  .fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  @media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
      height: 300%;
      top: -100%;
    }
  }

  @media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
      width: 300%;
      left: -100%;
    }
  }

  @media (max-width: 769px) {
    .fullscreen-bg {
      background: url('../images/mainBackground4.jpg') center center / cover no-repeat;
    }

    .fullscreen-bg__video {
      display: none;
    }
  }


  .new-backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background-color: #000;
      opacity: 0;
  }

.new-backdrop.show{
  opacity: .5;
}
select.bootbox-input.bootbox-input-select.form-control {
    height: 2em;
    padding: 10px 16px;
    font-size: 2em;
    line-height: 1.333333333;
    border-radius: 6px;
}
.btn-primary, .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #01652F !important;
    border-color: #019343;
}

.modal-header {
    border-top-left-radius: initial;
    border-top-right-radius: initial;
    background: #01652F;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #333;
    opacity: .5;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #fff;
    font-size: 2em;
}
.modal-content .btn {
    padding: .5rem 2rem;
    font-size: 1.5rem;
    line-height: 1.5;
    border-radius: .3rem;
}
select option:hover,
    select option:focus,
    select option:active {
        background: linear-gradient(#000000, #000000);
        background-color: #000000 !important; /* for IE */
        color: #ffed00 !important;
    }

    select option:checked {
        background: linear-gradient(#d6d6d6, #d6d6d6);
        background-color: #d6d6d6 !important; /* for IE */
        color: #000000 !important;
    }

img#logo {
    max-width: 1229px;
    width: 67%;
}
img#srsle {
    max-width: 1535px;
    width: 109%;
}


button.map {
    background: url(images/logoSquare.png) rgba(0,0,0,.5);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 48px 48px;
    padding-left: 64px;
    color: #fff;
    padding-right: 16px;
}

#video2 {
    border: solid;
    border-width: 4px 3px;
    background: #000;
    display: none;
}

nav h2 {
    font-size: 5rem;
    color: #01652F;
    text-shadow: 0px 0px 20px #eee;
    line-height: .75;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#video1{object-fit: none;}

footer a.btn-dark {
    background: rgba(1, 101, 47, .75);
    font-weight: bold;
}

footer a.btn-dark.active{
  background: rgb(245, 138, 30, .75);
}

#saver{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background:transparent;
}

.saverText {
    font-size: 72px;
    color: #000;
    position: absolute;
    width: 100%;
    top: 0;
    text-shadow: 0px 0px 5px #FFF;
    text-align: center;
    background: rgba(255,255,255,.25);
    font-weight: bold;
}
ul li.bnav {
    font-size: 23px;
    font-weight: bold;
    list-style-type: none;
    background:rgba(255,255,255,.75);
    color: #01652f;
    text-shadow: 0px 0px 1px #333;
}
ul li.bnav ul li {
    list-style-type: disc;
    font-size: 20px;
    text-shadow: none;
}
a.rack {
    color: #000;
}
#salesmap {display:none}

.pad {
    padding: 15px;
    position: absolute;
    top: 49%;
    left: 0;
    width: 100%;
    display: none;
}
.progress{width: 100%}
.btn-blue {
    background-color: #0072BB;
    border-color: #0072BB;
    color: #FFFFFF;
}

body {
  font-family: Verdana, Geneva, sans-serif;
  background-color: lightgray;
}

h1 {
  font-size:16px;
  color:#333;
}

#player {
  float:left;
  padding:1em 1em .5em;
  background-color:black;
  border:2px solid darkgreen;
  border-radius: 9px;
}

#controls {
  border: 1px solid darkgreen;
  width: 420px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 5px;
  padding-bottom: 3px;
  border-radius: 7px;
}

video {
  border:1px solid darkgreen;
  width:420px;
  height:231px;
  background:black;
}

/*button {
  text-indent:-9999px;
  width:16px;
  height:16px;
  border:none;
  cursor:pointer;
  background:transparent url('buttons.png') no-repeat 0 0;
}*/

.pause { background-position:-19px 0; }
.stop { background-position:-38px 0; }
.volume-plus { background-position:-57px 0; }
.volume-minus { background-position:-76px 0; }
.mute { background-position:-95px 0; }
.unmute { background-position:-114px 0; }
.replay { background-position:-133px 0; }

progress {
  color: green;
  font-size: 12px;
  width: 220px;
  height: 16px;
  border: none;
  margin-right: 40px;
  background: #434343;
  border-radius: 9px;
}
progress::-moz-progress-bar {
  color:green;
  background:#434343;
}

progress[value]::-webkit-progress-bar {
  background-color: #434343;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-webkit-progress-value {
  background-color: green;
}
@media (min-width: 1024px) {
	.pallet-rack {
        position: absolute;
        top: 400px;
        right: 150px;
    }

    .double-deep {
        position: absolute;
        top: 420px;
        left: 375px;
    }

    .very-narrow {
        position: absolute;
        top: 250px;
        left: 100px;
    }

    .push-back {
        position: absolute;
        top: 240px;
        left: 500px;
    }

    .drive-in {
        position: absolute;
        top: 130px;
        left: 260px;
    }

    .flow-rack {
      position: absolute;
      top: 280px;
      right: 30px;
    }

    .cantilever {
      position: absolute;
      top: 170px;
      left: 440px;
    }

    .storageImg {
      position: absolute;
      bottom: 75px;
    }

    .storageDiv {
      position: absolute;
      bottom: 70px;
    }
    .pick-mod {
      position: absolute;
      top: 480px;
      right: 760px;
    }
}
@media (min-width: 1300px) {
  .fullscreen-bg {
    background: url('../images/mainBackground2a.jpg') center center / cover no-repeat;
  }
  nav h2 {
     font-size: 3.7rem;
   }

  img#logo {
    max-width: 1229px;
    width: 35%;
  }
	.pallet-rack {
        position: absolute;
        top: 400px;
        right: 150px;
    }

    .double-deep {
        position: absolute;
        top: 280px;
        left: 475px;
    }

    .very-narrow {
        position: absolute;
        top: 250px;
        left: 100px;
    }

    .push-back {
        position: absolute;
        top: 200px;
        left: 670px;
    }

    .drive-in {
        position: absolute;
        top: 65px;
        left: 275px;
    }

    .flow-rack {
      position: absolute;
      top: 280px;
      right: 145px;
    }

    .cantilever {
      position: absolute;
      top: 120px;
      left: 510px;
    }

    .storageImg {
      position: absolute;
      bottom: 75px;
    }

    .storageDiv {
      position: absolute;
      bottom: 70px;
    }
}

@media (min-width: 1800px) {
  .fullscreen-bg {
    background: url('../images/mainBackground3.jpg') center center / cover no-repeat;
  }
	.d-xxl-block {
		display: block!important;
	}
	.d-xxl-none {
		display: none!important;
	}

    .pallet-rack {
        position: absolute;
        top: 550px;
        right: 550px;
    }

    .double-deep {
        position: absolute;
        top: 420px;
        left: 775px;
    }

    .very-narrow {
        position: absolute;
        top: 330px;
        left: 500px;
    }

    .push-back {
        position: absolute;
        top: 330px;
        left: 1000px;
    }

    .drive-in {
        position: absolute;
        top: 200px;
        left: 675px;
    }

    .flow-rack {
      position: absolute;
      top: 420px;
      right: 330px;
    }

    .cantilever {
      position: absolute;
      top: 245px;
      left: 860px;
    }

    .storageImg {
      position: absolute;
      bottom: 75px;
    }
    .storageDiv {
      position: absolute;
      bottom: 70px;
    }
}