@import url(/css/bootstrap.min.css);
@import url(/css/icomoon.css);
@import url(/css/typehead.css);
@import url(/css/category.css);
@import url(/css/drift-basic.min.css);
@import url(/css/storelocator.css);
@grid-float-breakpoint : @screen-md;
html {
  position: relative;
}

.navbar {
  font-size: 18px;
  margin-bottom: 0; }

.nav > li > a {
  padding: 10px; }

h3 {
  font-weight: bold; }

body {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold; }

.primary {
  color: #129eff; }

.error {
  color: red; }

.PriNavBarMargin {
  padding-top: 100px; }

.SecNavBarMargin {
  margin-top: 150px; }

.search-sec {
  top: 150px !important; }

.navbar-primary {
  padding-top: 15px;
  min-height: 100px;
  border: 0; }

.navbar-primary, footer {
  background-color: #222323;
  background-image: linear-gradient(to right, #222323, #353536);
  text-transform: uppercase; }

.navbar-header > .navbar-left > img {
  margin-top: -2px; }

.navbar-primary .navbar-nav > li > a {
  color: white;
  padding-top: 20px; }

.glyphicon-search {
  color: white;
  margin-top: 15px;
  margin-left: 10px;
  font-size: 1.5em; }

.navbar-primary .navbar-nav > li > a:hover,
.navbar-primary .navbar-nav > li > a:focus,
.current, .current2 {
  color: #fff;
  text-decoration: underline; }

.navbar-primary .navbar-nav > .active > a,
.navbar-primary .navbar-nav > .active > a:hover,
.navbar-primary .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808; }

.navbar-primary .navbar-nav > .disabled > a,
.navbar-primary .navbar-nav > .disabled > a:hover,
.navbar-primary .navbar-nav > .disabled > a:focus {
  color: #444; }

.navbar-secondary {
  top: 100px;
  background-color: #129eff;
  border: 0; }

.navbar-secondary .navbar-nav > li > a {
  color: white;
  font-size: 24px; }

/* Begin Search Styling */
#btn-search {
  float: right;
  background: transparent;
  border: transparent;
  padding: 0;
  margin-right: 10px; }

#search-form {
  display: none;
  background: #fff;
  position: relative;
  top: 100px; }

#search-container {
  width: 100%; }

#search-container input {
  width: 90%;
  height: 50px;
  font-size: 22px;
  border-radius: 0; }

#search-container button.submit {
  width: 10%;
  padding: 6px;
  margin-left: -3px;
  background-color: #129eff;
  color: #fff;
  border-radius: 0 !important;
  border-color: transparent;
  font-size: 25px; }

/* End Search Styling */
footer {
  color: white;
  padding: 10px 0 5px 0;
  width: 100%; }
footer a {
  color: white;
  font-weight: normal; }
footer a:hover, footer a:focus {
  color: #fff;
  text-decoration: underline; }
footer ul {
  list-style: none;
  padding: 0;
  margin: 0; }
footer .icon-twitter, footer .icon-youtube {
  margin: 0 3px; }

/* Begin Carousel Styling */
#myCarousel {
  width: 100%; }

/* for simple tradeshow banners
.banner1 {
  background-color: #1f1f1f;

}
*/
.bannerBackground {
  background: url(../images/home/YV-EXM8-web-carousel-BG.png) no-repeat center center fixed
}

.carousel-inner .item {
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.carousel-caption {
  z-index: 10;
  text-align: left;
  top: 0;
  right: 0;
  left: 0;
  padding-top: 0;
  font-size: 22px; }

.carousel-caption .row {
  height: 100%; }

.shadowed {
  -webkit-filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0.5));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff')"; }

.wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%; }

.single-img-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%; }

.exm-mobile-8-img {
  background: url(../images/home/EXM-V2.jpg) no-repeat center;
  width: 100%;
  margin: 0 auto;
  background-size: contain !important;
  cursor: pointer
}

.exm-mobile-sub-img {
  background: url(../images/home/EXM-sub-V2.jpg) no-repeat center;
  width: 100%;
  margin: 0 auto;
  background-size: contain !important;
  cursor: pointer
}

.synergy-single-img {
  background: url(../images/home/Synergy-V2.jpg) no-repeat center;
  width: 100%;
  margin: 0 auto;
  background-size: contain !important;
  cursor: pointer
}

.coliseum-single-img {
  background: url(../images/home/coliseum-V2.jpg) no-repeat center;
  width: 100%;
  margin: 0 auto;
  background-size: contain !important;
  cursor: pointer
}

.yxl-single-img {
  background: url(../images/home/YXL-2022.png) no-repeat center;
  width: 100%;
  margin: 0 auto;
  background-size: contain !important;
  cursor: pointer
}

.yorkville-infocomm-img {
  background: url(../images/home/Yorkville-infocomm-2021.jpg) no-repeat center;
  width: 100%;
  margin: 0 auto;
  background-size: contain !important;
  cursor: pointer
}

.djx-single-img {
  background: url(../images/home/djx-web-banner-2022.png) no-repeat center;
  width: 100%;
  margin: 0 auto;
  background-size: contain !important;
  cursor: pointer
}

.anniversary-img {
  background: url(../images/home/anniversaryOverlay.png) no-repeat center;
  width: 100%;
  margin: 0 auto;
  background-size: contain !important;
  cursor: pointer
}

.anniversaryBanner {
  background: url(../images/home/anniversaryBanner.png) no-repeat center center fixed
}

.yxl15sp-img {
  background: url(../images/home/yxl15spOverlay.png) no-repeat center;
  width: 100%;
  margin: 0 auto;
  background-size: contain !important;
  cursor: pointer
}

.yxl15spBackground {
  background: url(../images/home/yxl15spBG.png) no-repeat center center fixed
}

.namm-img {
  background: url(../images/home/Register-now.jpg) no-repeat center;
  width: 100%;
  margin: 0 auto;
  background-size: contain !important;
  cursor: pointer
}

.nammBackground {
  background: url(../images/home/namm-banner-lg.jpg) no-repeat center center fixed
}

.wrapVideo {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.wrapVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* End Carousel Styling */
#top {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }

#CategoryLandingPage {
  margin: 10px 0; }

#ProductCategory .row {
  margin-right: 10px;
  min-height: 73.5vh;
}

.LightingLeft, .LightingRight {
  float: left; }

.AppDownloadButton {
  padding: 5px 0;
  margin-left: 0 !important; }

.Product {
  float: left;
  padding: 10px;
  height: 210px; }

.Product a {
  color: black; }

.Product img {
  margin: 0 10px; }

.ProductVideo {
  margin: 20px 0; }

.tile {
  padding: 7px; }

.SubCategory {
  height: 300px;
  background-color: #222323;
  background-image: linear-gradient(to right, #222323, #c7c8ca);
  color: #fff; }

.SubCategory h3 {
  padding: 10px 15px;
  margin-top: 0; }

.SubCategory img {
  max-height: 220px; }

#LargeImage {
  text-align: center; }

#thumbnails {
  text-align: center;
  padding-bottom: 10px; }

.thumbnail_strip {
  margin: auto; }

.ProductContainer {
  padding-bottom: 20px; }

#ProductText {
  background-color: #129eff;
  color: #fff;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: normal; }
#ProductText ul {
  list-style: none;
  padding: 0; }
#ProductText ul:nth-child(odd) {
  font-weight: bold; }
#ProductText a {
  color: white;
  text-decoration: underline; }
#ProductText .nav > li > a:hover, #ProductText .nav > li > a:focus {
  background-color: #337ab7; }

.ProductThumbnail {
  margin: 5px 3px; }

.img-thumbnail {
  padding: 0;
  margin: 4px 0
}

#ProductFeatures {
  margin: 0 20px; }
#ProductFeatures ul li:nth-child(odd) {
  font-weight: bold; }

#ProductOverview, #ProductSpecs, #ProductDownloads {
  margin: 20px; }

.ProductDocuments th, .ProductDocuments td {
  text-align: center; }

#PartsSearch label, #ComponentSearch label {
  margin-right: 5px; }

.form-inline .form-group {
  margin-right: 20px; }

address {
  height: 250px; }

.img-thumbnail {
  max-width: 100px
}

#map {
  width: 880px;
  height: 430px; }

#map a {
  color: black;
  text-decoration: underline; }

#map a:hover {
  color: #4E70AF; }

.bh-sl-container {
  float: none; }

.bh-sl-container button, .bh-sl-container .bh-sl-loc-list .list-label {
  background: #129eff; }

#SearchResults {
  margin-top: 5px;
  width: 920px;
  height: 315px;
  font-size: 14px;
  overflow: auto; }

.Result {
  float: left;
  width: 190px;
  height: 155px;
  margin: 5px 15px; }

.ResultName {
  font-weight: bold; }

.ResultEmail, .ResultWebsite {
  float: left;
  padding-right: 10px; }

.ResultEmail a, .ResultWebsite a {
  text-decoration: underline; }

.DistLineRow {
  text-align: center; }

.Brand {
  text-align: center;
  height: 80px;
  margin-bottom: 15px; }

.Brand img {
  margin-bottom: 5px; }

.DistIcon {
  color: #129eff;
  font-size: 18px; }

#SiteYorkville, #SiteYorkville table, #SiteTraynor, #SiteTraynorTable, #SiteVTC, #SiteVTC table {
  width: 100%; }
#SiteYorkville th, #SiteYorkville td, #SiteYorkville table th, #SiteYorkville table td, #SiteTraynor th, #SiteTraynor td, #SiteTraynorTable th, #SiteTraynorTable td, #SiteVTC th, #SiteVTC td, #SiteVTC table th, #SiteVTC table td {
  text-align: center; }
#SiteYorkville th:first-child, #SiteYorkville td:first-child, #SiteYorkville table th:first-child, #SiteYorkville table td:first-child, #SiteTraynor th:first-child, #SiteTraynor td:first-child, #SiteTraynorTable th:first-child, #SiteTraynorTable td:first-child, #SiteVTC th:first-child, #SiteVTC td:first-child, #SiteVTC table th:first-child, #SiteVTC table td:first-child {
  text-align: left; }

.career-img {
  margin: auto 0; }

.CareersContainer {
  padding-bottom: 15px; }

@media (max-width: 767px) {

  #search-container input, #search-container button.submit {
    float: left; }

  #search-container button.submit {
    margin: -3px 0 0 0; }

  .navbar-header > .navbar-left > img {
    padding-left: 5px; }

  .carousel-inner .item {
    height: calc(100vh - 330px); } }
@media (max-width: 991px) {
  #navbar {
    margin-top: 70px; }

  .navbar-primary .navbar-nav > li > a {
    padding-top: 0; }

  .carousel-inner > .item > img {
    max-height: 30vh !important; }

  .speaker-img-container {
    height: 80%; }

  .speaker-txt-container {
    height: 20%; }

  .texture {
    display: none; }

  #ProductCategory .row {
    margin-left: 10px;
    padding-bottom: 20px; } }
@media (min-width: 400px) {
  footer {
    bottom: 0; } }
@media (min-width: 768px) {

  .carousel-inner .item {
    height: calc(100vh - 210px); }

  .wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    height: 100%; }

  .elite-img {
    margin: auto 0;
    height: 100%; }

  .elite-txt {
    margin: auto;
    width: 45%; }

  .app-wrapper {
    margin: auto 0;
    height: 100%; }

  #ProductDescription {
    margin-bottom: 20px; } }
@media (min-width: 992px) {

  .carousel-inner .item {
    height: calc(100vh - 190px); }

  /* For simple tradeshow banners
  .banner1 {
    background-color: #1f1f1f;
  }
  */

  .tradeshow-img-txt {
    background-image: url(../images/home/djexpo-img-txt-xl.png);
    width: 100%; }

  .namm-img-txt {
    background-image: url(../images/home/namm-img-txt-xl.png); }

  .synergy-img-txt {
    background-image: url(../images/home/synergy-img-txt-1-xl.png);
    width: 90%; }

  .exm-img-txt {
    background-image: url(../images/home/exm-img-txt-xl.png); }

  #btn-search {
    position: absolute;
    right: 30px; }

  .navbar-nav {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed; }

  .texture {
    height: 73.5vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

  .texture-long {
    height: 86vh !important; }

  #ProductMedImage {
    margin-left: 30px; }

  .ProductList {
    float: right; } }

/* Specific mapael css class are below for international distributors page
 * 'mapael' class is added by plugin
*/

.mapael .mapTooltip {
  position: absolute;
  background-color: #fff;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  border-radius: 4px;
  padding: 10px;
  z-index: 1000;
  display: none;
  color: #232323;
}

.mapael .map {
  overflow: hidden;
  position: relative;
  background-color: #9cc0f9;
  border-radius: 5px;
}

/* For all zoom buttons */
.mapael .zoomButton {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
  top: 0;
  font-weight: bold;
  left: 10px;
  -webkit-user-select: none;
  -khtml-user-select : none;
  -moz-user-select: none;
  -o-user-select : none;
  user-select: none;
}

/* Reset Zoom button first */
.mapael .zoomReset {
  top: 10px;
}

/* Then Zoom In button */
.mapael .zoomIn {
  top: 30px;
}

/* Then Zoom Out button */
.mapael .zoomOut {
  top: 50px;
}

/*# sourceMappingURL=style.css.map */