/* CSS COMPILED FROM STYLES 3D CAROUSEL*/
.manufacturer-carousel .js-transitions-disabled * {
    transition: none !important;
  }
.manufacturer-carousel .carousel {
    position: relative;
    height: 350px;
    overflow: hidden;
    -webkit-perspective: 50vw;
            perspective: 50vw;
    -webkit-perspective-origin: 50% 50%;
            perspective-origin: 50% 50%;
  }
  .manufacturer-carousel .carousel__control {
  position: absolute;
  height: 160px;
  width: 40px;
  background: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.manufacturer-carousel .carousel__control a {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 75%;
  box-sizing: border-box;
}
.manufacturer-carousel .carousel__control a:hover:before {
  background-color: rgba(0,0,0,0.4);
}
.manufacturer-carousel .carousel__control a.active:before,
.manufacturer-carousel .carousel__control a.active:hover:before {
  background-color: rgba(0,0,0,0.6);
}
.manufacturer-carousel .carousel__control a:first-child {
  margin-top: 15px;
}
.manufacturer-carousel .carousel__control a:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  padding-top: 25%;
  width: 25%;
  background: rgba(0,0,0,0.2);
  content: '';
  display: block;
  margin-top: -12.5%;
}
.manufacturer-carousel .carousel__stage {
  position: absolute;    
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  margin: auto;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translateZ(calc(-50vh + 20px));
          transform: translateZ(calc(-50vh + 20px));
}
.manufacturer-carousel .spinner {
  position: absolute;
  width: calc(50vw - (20px));
  height: calc(100vh - 40px);
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
  margin: auto;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}
.manufacturer-carousel .js-spin-fwd .spinner {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}
.manufacturer-carousel .js-spin-bwd .spinner {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.manufacturer-carousel .js-spin-fwd .spinner--right {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.manufacturer-carousel .js-spin-bwd .spinner--right {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}
.manufacturer-carousel .spinner--right {
  right: 0;
  left: auto;
}
.manufacturer-carousel .spinner__face {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.manufacturer-carousel .spinner__face.js-next {
  display: block;
  -webkit-transform: rotateX(90deg) translateZ(calc(50vh - 20px));
          transform: rotateX(90deg) translateZ(calc(50vh - 20px));
}
.manufacturer-carousel .spinner--right .spinner__face.js-next {
  -webkit-transform: rotateX(270deg) translateZ(calc(50vh - 20px));
          transform: rotateX(270deg) translateZ(calc(50vh - 20px));
}
.manufacturer-carousel .js-spin-bwd .spinner__face.js-next {
  -webkit-transform: rotateX(-90deg) translateZ(calc(50vh - 20px));
          transform: rotateX(-90deg) translateZ(calc(50vh - 20px));
}
.manufacturer-carousel .js-spin-bwd .spinner--right .spinner__face.js-next {
  -webkit-transform: rotateX(-270deg) translateZ(calc(50vh - 20px));
          transform: rotateX(-270deg) translateZ(calc(50vh - 20px));
}
.manufacturer-carousel .js-active {
  display: block;
  -webkit-transform: translateZ(calc(50vh - 20px));
          transform: translateZ(calc(50vh - 20px));
}
.manufacturer-carousel .content {
  position: absolute;
  width: 200%;
  height: 100%;
  left: 0;
}
.manufacturer-carousel .spinner--right .content {
  left: -100%;
}
.manufacturer-carousel .content__left,
.manufacturer-carousel .content__right {
  position: absolute;
  left: 0;
  top: 0;  
  height: 100%;
}
.manufacturer-carousel .content__right {
  width: 50%;
  right: 0;
  left: auto;
}
.manufacturer-carousel .content__left {
  width: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
}
.manufacturer-carousel .content__left:after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.1);
}
.manufacturer-carousel .content__left h1 {
  position: absolute;
  top: 50%;
  margin-top: -3vw;
  text-align: center;
  /*font-family: oswald;*/
  font-size: 2.5vw;
  height: 10vw;
  opacity: 1;
  color: #fff;
  width: 100%;
  letter-spacing: 0.15em;
  line-height: 0.6;
  text-shadow: 2px 2px #000;
}

.manufacturer-carousel .content__left h2 {
  position: absolute;
  top: 50%;
  margin-top: -3vw;
  text-align: center;
  /* font-family: oswald; */
  font-size: 2.5vw;
  height: 10vw;
  opacity: 1;
  color: #fff;
  width: 100%;
  letter-spacing: 0.15em;
  line-height: 0.6;
  text-shadow: 2px 2px #000;

}

.manufacturer-carousel .content__left span {
  font-size: 1.5vw;
  font-weight: 300;
  letter-spacing: 0.2em;
  opacity: 0.9;
  /*font-family: Merriweather;*/
}
.manufacturer-carousel .content__right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.manufacturer-carousel .content__right .content__main {
  position: absolute;
  /*font-family: Merriweather, serif;*/
  text-align: left;
  color: #fff;
  font-size: 1.3vw;
  padding: 0 8vw;
  line-height: 1.65;
  font-weight: 300;
  margin: 0;
  opacity: 0.8;
}
.manufacturer-carousel .content__right .content__main p:last-child {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.85em;
}
.manufacturer-carousel .content__right .content__index {
  font-size: 30vh;
  position: absolute;
  right: -1vh;
  top: 35vh;
  opacity: 0.04;
  /*font-family: oswald;*/
  color: #fff;
}

.manufacturer-carousel [data-type="calendar"] .content__right {
  color: #fff;
}

.manufacturer-carousel .content__left,
.manufacturer-carousel .content__right {
  background-size: cover;
  background-repeat: no-repeat;
}

.manufacturer-carousel [data-type="feature"] .content__left {
  background-image: url("/img/landing/bgFeatureLeft.png");
}
.manufacturer-carousel .spinner--right [data-type="feature"] .content__left {
  background-image: none;
}
.manufacturer-carousel [data-type="feature"] .content__right {
  background-image: url("/img/landing/bgFeatureRight.png");
}
.manufacturer-carousel .spinner--left [data-type="feature"] .content__right {
  background-image: none;
}


.manufacturer-carousel [data-type="contact"] .content__left {
  background-image: url("/img/landing/bgContactLeft.png");
}
.manufacturer-carousel .spinner--right [data-type="contact"] .content__left {
  background-image: none;
}
.manufacturer-carousel [data-type="contact"] .content__right {
  background-image: url("/img/landing/bgContactRight.png");
}
.manufacturer-carousel .spinner--left [data-type="contact"] .content__right {
  background-image: none;
}


.manufacturer-carousel [data-type="videos"] .content__left {
  background-image: url("/img/landing/bgVideosLeft.png");
}
.manufacturer-carousel .spinner--right [data-type="videos"] .content__left {
  background-image: none;
}
.manufacturer-carousel [data-type="videos"] .content__right {
  background-image: url("/img/landing/bgVideosRight.png");
}
.manufacturer-carousel .spinner--left [data-type="videos"] .content__right {
  background-image: none;
}


.manufacturer-carousel [data-type="offers"] .content__left {
  background-image: url("/img/landing/bgOffersLeft.png");
}
.manufacturer-carousel .spinner--right [data-type="offers"] .content__left {
  background-image: none;
}
.manufacturer-carousel [data-type="offers"] .content__right {
  background-image: url("/img/landing/bgOffersRight.png");
}
.manufacturer-carousel .spinner--left [data-type="offers"] .content__right {
  background-image: none;
}


.manufacturer-carousel [data-type="calendar"] .content__left {
  background-image: url("/img/landing/bgCalendarLeft.png");
}
.manufacturer-carousel .spinner--right [data-type="calendar"] .content__left {
  background-image: none;
}
.manufacturer-carousel [data-type="calendar"] .content__right {
  background-image: url("/img/landing/bgCalendarRight.png");
}
.manufacturer-carousel .spinner--left [data-type="calendar"] .content__right {
  background-image: none;
}
/* CSS COMPILED FROM STYLES 3D CAROUSEL END*/

/* CUSTOM CAROUSEL */
.manufacturer-carousel div[data-type="contact"] {
  color: #fff;
}


.manufacturer-carousel .content__right td{
  white-space: nowrap;
}


/****
3d cards carrousel feature products panel
*****/

/*.fp-container {
  border: 1px solid #CCC;
  margin: 40px 0;
  position: relative;
  width: 210px;
  height: 140px;
  margin: 40px auto;
  perspective: 1000px;
}

.fp-carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateZ(-288px);
  transform-style: preserve-3d;
  transition: transform 1s;
}

.fp-carousel__cell {
  position: absolute;
  width: 190px;
  height: 120px;
  left: 10px;
  top: 10px;
  border: 2px solid black;
  line-height: 116px;
  font-size: 80px;
  font-weight: bold;
  color: white;
  text-align: center;
}

.fp-carousel__cell:nth-child(9n+1) { background: hsla(  0, 100%, 50%, 0.8); }
.fp-carousel__cell:nth-child(9n+2) { background: hsla( 40, 100%, 50%, 0.8); }
.fp-carousel__cell:nth-child(9n+3) { background: hsla( 80, 100%, 50%, 0.8); }
.fp-carousel__cell:nth-child(9n+4) { background: hsla(120, 100%, 50%, 0.8); }
.fp-carousel__cell:nth-child(9n+5) { background: hsla(160, 100%, 50%, 0.8); }
.fp-carousel__cell:nth-child(9n+6) { background: hsla(200, 100%, 50%, 0.8); }
.fp-carousel__cell:nth-child(9n+7) { background: hsla(240, 100%, 50%, 0.8); }
.fp-carousel__cell:nth-child(9n+8) { background: hsla(280, 100%, 50%, 0.8); }
.fp-carousel__cell:nth-child(9n+0) { background: hsla(320, 100%, 50%, 0.8); }

.fp-carousel__cell:nth-child(1) { transform: rotateY(  0deg) translateZ(288px); }
.fp-carousel__cell:nth-child(2) { transform: rotateY( 40deg) translateZ(288px); }
.fp-carousel__cell:nth-child(3) { transform: rotateY( 80deg) translateZ(288px); }
.fp-carousel__cell:nth-child(4) { transform: rotateY(120deg) translateZ(288px); }
.fp-carousel__cell:nth-child(5) { transform: rotateY(160deg) translateZ(288px); }
.fp-carousel__cell:nth-child(6) { transform: rotateY(200deg) translateZ(288px); }
.fp-carousel__cell:nth-child(7) { transform: rotateY(240deg) translateZ(288px); }
.fp-carousel__cell:nth-child(8) { transform: rotateY(280deg) translateZ(288px); }
.fp-carousel__cell:nth-child(9) { transform: rotateY(320deg) translateZ(288px); }

*/


/* THUMBNAILS */

.thumbnails-container h1.text-over{
	font-size: 0.8rem;
	font-weight: 300;
	color: #f9f9f9;
	margin: 0;
	opacity: 0;
  transition: 1s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
}

.thumbnails-container h2.text-over{
	font-size: 0.8rem;
	font-weight: 300;
	color: #f9f9f9;
	margin: 0;
	opacity: 0;
  transition: 1s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
}
.thumbnails-container hr{
	border: none;
	border-top: 1px solid #888;
}
.thumbnails-container .btn{
	outline: none;
	border: none;
	text-decoration: none;
	border-radius: 5px;
	margin: 0;
	padding: 0.5rem 1rem;
	background: #428bca;
	color: #f9f9f9;
	font-size: 1rem;
	transition: 0.3s transform cubic-bezier(.55,-0.87,.44,1.91);
	box-shadow: 0 0 10px rgba(0,0,0,0.4)
}
.thumbnails-container .btn:hover{
	transform: scale(1.2);
}
.thumbnails-container .img-container{
  width: 180px;
  height: 200px;
  background-color: white;
	max-width: 180px;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75); 
}
.thumbnails-container .img-container img{
  width: 100%;
  height: auto;
}
/*====================================
Hover Effect
=====================================*/
.thumbnails-container .img-container .overlay{
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: 0.35s;
}
.thumbnails-container .img-container:hover .overlay{
	left: 0;
}
.thumbnails-container .img-container .overlay:hover h1{
	opacity: 1;
}

.thumbnails-container .img-container .overlay:hover h2{
	opacity: 1;
}
/*====================================
Hover Effect
=====================================*/


/*****************************
MAP
*****************************/

#map {
  width: 100%;
  height: 100%;
}

/*****
VIDEO GALERY
*******************************************/
.video-container {
  height: 100%;
}

.video-container .row{
  height: 50%;
}

.video-container .tile__img {  
  width: 100%;
  height: 115px;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-container a:link,
.video-container a:hover,
.video-container a:active,
.video-container a:visited {
  transition: color 150ms;
  color: #95a5a6;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.video-container a:hover {
  color: #7f8c8d;
  text-decoration: underline;
}

.video-container .tile__details {
  width: 100%;
}

.video-container .tile__title {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*.video-contain {
  padding: 0 10px;
  margin: 0; 
  color: #ecf0f1;
  
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.video-contain * {
  box-sizing: border-box;
}

.video-contain a:link,
.video-contain a:hover,
.video-contain a:active,
.video-contain a:visited {
  transition: color 150ms;
  color: #95a5a6;
  text-decoration: none;
}
.video-contain a:hover {
  color: #7f8c8d;
  text-decoration: underline;
}

.video-contain .row {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
}
.video-contain .row__inner {
  transition: 450ms -webkit-transform;
  transition: 450ms transform;
  transition: 450ms transform, 450ms -webkit-transform;
  font-size: 0;
  white-space: nowrap;
  margin: 70.3125px 0;
  padding-bottom: 10px;
}
.video-contain .tile {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 140.625px;
  margin-right: 10px;
  font-size: 20px;
  cursor: pointer;
  transition: 450ms all;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.video-contain .tile__img {
  width: 250px;
  height: 140.625px;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-contain .tile__details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  font-size: 10px;
  opacity: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  transition: 450ms opacity;
}
.video-contain .tile__details:after,
.video-contain .tile__details:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: #000;
}
.video-contain .tile__details:after {
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border: 3px solid #ecf0f1;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}
.video-contain .tile__details:before {
  content: '▶';
  left: 0;
  width: 100%;
  font-size: 30px;
  margin-left: 4px;
  margin-top: -25px;
  text-align: center;
  z-index: 2;
}
.video-contain .tile:hover .tile__details {
  opacity: 1;
}
.video-contain .tile__title {
  position: absolute;
  bottom: 0;
  padding: 10px;
}
.video-contain .row__inner:hover {
  -webkit-transform: translate3d(-62.5px, 0, 0);
          transform: translate3d(-62.5px, 0, 0);
}
.video-contain .row__inner:hover .tile {
  opacity: 0.3;
}
.video-contain .row__inner:hover .tile:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 1;
}
.video-contain .tile:hover ~ .tile {
  -webkit-transform: translate3d(125px, 0, 0);
          transform: translate3d(125px, 0, 0);
}*/