/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/storage/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Fonts */
/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
*/
/**
 * breakpoints for media queries
 * usage example:
 * .section{
 *   width: 100%;
 *   @include bp($mobile){
 *     width: 50%;
 *   }
 * }
 */
/*
http://thesassway.com/intermediate/mixins-for-semi-transparent-colors
*/
/*
  MIXINS
  https://codepen.io/dsenneff/pen/ZoLVZW
  */
.intro-cont {
  padding-top: 5rem;
}
.intro-cont h1 {
  text-align: center;
}
.intro-cont h2 {
  text-align: left;
  padding-left: 5rem;
}
.intro-cont p {
  text-align: center;
  padding-left: 5rem;
  padding-right: 5rem;
}

.products-side-cont {
  width: 60%;
  position: relative;
}
.products-side-cont .product-list-cont {
  padding: 0 5rem 0 5rem;
}
.products-side-cont .product-list-cont a {
  text-decoration: none;
}
.products-side-cont .product-list-cont .product-item-cont {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 3.5rem;
  margin: 2px 10px 2px 0;
}
.products-side-cont .product-list-cont .product-item-cont .product-code {
  width: 20%;
  background-color: #184e9e;
  font-family: "Zilla Slab", serif;
  font-size: 1.6rem;
  color: #FFFFFF;
  text-align: left;
  padding: 5px 5px 5px 5px;
  height: 100%;
  margin: 0 0 0 0;
}
.products-side-cont .product-list-cont .product-item-cont .product-title {
  width: 80%;
  background-color: #e6e7e7;
  font-family: "Barlow", sans-serif;
  font-size: 1.6rem;
  color: #184e9e;
  text-align: left;
  padding: 5px 5px 5px 5px;
  height: 100%;
  margin: 0 0 0 0;
}
.products-side-cont .product-list-cont .product-item-cont:hover > .product-code {
  background-color: #848687;
  transition: 0.25s all;
}
.products-side-cont .product-list-cont .product-item-cont:hover > .product-title:nth-child(2) {
  background-color: #cecfcf;
  background-color: rgba(132, 134, 135, 0.4);
  transition: 0.25s all;
}
@media screen and (max-width: 800px) {
  .products-side-cont {
    width: 100%;
  }
  .products-side-cont .product-list-cont .product-item-cont {
    height: auto;
    margin: 4px 10px 4px 0;
  }
  .products-side-cont .product-list-cont .product-item-cont .product-code {
    width: 20%;
    font-size: 16px;
    padding: 10px 10px 10px 10px;
  }
  .products-side-cont .product-list-cont .product-item-cont .product-title {
    width: 80%;
    font-size: 16px;
    padding: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 460px) {
  .products-side-cont {
    width: 100%;
  }
  .products-side-cont .product-list-cont {
    padding: 0 20px 0 20px;
  }
  .products-side-cont .product-list-cont .product-item-cont {
    height: auto;
    margin: 4px 10px 4px 0;
    flex-direction: column;
  }
  .products-side-cont .product-list-cont .product-item-cont .product-code {
    width: 40%;
    font-size: 12px;
    padding: 10px 10px 10px 10px;
  }
  .products-side-cont .product-list-cont .product-item-cont .product-title {
    width: 100%;
    font-size: 12px;
    padding: 10px 10px 10px 10px;
  }
}

.page-container {
  position: relative;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;
}

.products-slider-cont {
  width: 40%;
  /*border:1px solid $RED;*/
  position: relative;
  /*  float */
}
.products-slider-cont .product-slider {
  position: relative;
  height: 52rem;
  /*width:100%;*/
}
.products-slider-cont .product-slider .slide {
  position: relative;
  background-color: #e6e7e7;
  width: 100%;
  height: 100%;
}
.products-slider-cont .product-slider .slide .owl-slide {
  width: 100%;
  height: 52rem;
  background-color: #FFFFFF;
  background-image: none;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  border: 0px solid #d40000;
}
.products-slider-cont .product-slider .slide .owl-slide img {
  width: 100%;
}
.products-slider-cont .product-slider .slide .owl-slide a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  border: 0px solid #d40000;
}
.products-slider-cont .product-slider .slide p {
  position: absolute;
  width: 100%;
  background-color: gray;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px 5px 5px 5px;
  margin: 0 0 0 0;
  left: 0;
  bottom: 10px;
  color: #FFFFFF;
  font-size: 11px;
  text-align: center;
}
.products-slider-cont.float .product-slider {
  width: 40%;
  position: fixed;
  right: 0;
  top: 0;
  /*transition: 0.5s all;*/
}
.products-slider-cont.bottom .product-slider {
  width: 100%;
  position: absolute;
  right: 0;
  top: auto;
  bottom: 0;
  /*transition: 0.5s all;*/
}
.products-slider-cont div.owl--text {
  position: absolute;
  bottom: 4em;
  left: 2em;
  width: 20em;
  height: 8em;
  padding: 1em;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}
.products-slider-cont .owl-dots {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: transparent;
  bottom: -2.5rem;
  top: auto;
  height: 3rem !important;
  position: absolute;
  left: 50%;
  width: 50rem;
  margin-left: -25rem;
}
@media screen and (max-width: 800px) {
  .products-slider-cont .owl-dots {
    bottom: 2rem;
    height: 2rem;
  }
}
.products-slider-cont .owl-dots .owl-dot {
  background-color: #e6e7e7;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  position: relative;
  float: left;
  margin-left: 10px;
}
.products-slider-cont .owl-dots .owl-dot.active {
  background-color: #848687;
}
@media screen and (max-width: 800px) {
  .products-slider-cont {
    display: none;
  }
}