/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* SKODA GLOBAL */
@media (min-width: 1000px) {
  div.k2ng-module-ImporterVideoShowreelModule {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 660px) and (max-width: 999.5px) {
  div.k2ng-module-ImporterVideoShowreelModule {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 659.5px) {
  div.k2ng-module-ImporterVideoShowreelModule {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1000px) {
  div.k2ng-module-ImporterVideoShowreelModule {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 660px) and (max-width: 999.5px) {
  div.k2ng-module-ImporterVideoShowreelModule {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 659.5px) {
  div.k2ng-module-ImporterVideoShowreelModule {
    padding-left: 10px;
    padding-right: 10px;
  }
}
div.k2ng-module-ImporterVideoShowreelModule .headline {
  text-transform: uppercase;
  font-weight: 900;
  padding-top: 0;
  margin-top: 0;
}
@media (min-width: 660px) {
  div.k2ng-module-ImporterVideoShowreelModule .headline {
    padding-bottom: 40px;
  }
}
@media (max-width: 659.5px) {
  div.k2ng-module-ImporterVideoShowreelModule .headline {
    padding-bottom: 30px;
  }
}
div.k2ng-module-ImporterVideoShowreelModule .showreal-video-wrappper {
  padding-bottom: 56.25%;
  position: relative;
}
div.k2ng-module-ImporterVideoShowreelModule .showreal-video-wrappper .embeded-video-showreel {
  position: absolute;
  width: 100%;
  height: 100%;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper {
  width: 100%;
  margin-top: 20px;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame {
  width: auto;
  white-space: nowrap;
  height: auto;
  overflow: hidden;
  position: relative;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee {
  position: relative;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item {
  position: relative;
  height: 100%;
  float: left;
  min-width: 112px;
  /*& ~ .showreal-sly-item {
                        margin-left: 7px;
                    }*/
}
@media (min-width: 1000px) {
  div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item {
    padding-right: 20px;
  }
}
@media (min-width: 660px) and (max-width: 999.5px) {
  div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item {
    padding-right: 10px;
  }
}
@media (max-width: 659.5px) {
  div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item {
    padding-right: 10px;
  }
  div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item:last-child {
    min-width: 0 !important;
  }
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item:last-child {
  padding-right: 0 !important;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item:hover,
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item.selected {
  text-decoration: none !important;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item:hover .overshadow-layer,
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item.selected .overshadow-layer {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 21;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item .content-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  display: block;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item .content-wrapper .video-showreal-thumbnail {
  height: 100%;
  width: 100%;
  cursor: pointer;
  position: relative;
  z-index: 5;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item .content-wrapper .fail-placeholder-fill {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  color: #fff;
  padding: 20% 20px 20px 20px;
  text-align: center;
  display: none;
  text-decoration: none !important;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item .content-wrapper .video-loader {
  position: relative;
  z-index: 1;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item .content-wrapper .vs-play-me {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  display: none;
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item .content-wrapper .vs-play-me .play-video {
  width: 100%;
  position: absolute;
  display: inline-block;
  text-align: center;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url('https://az749841.vo.msecnd.net/modulesassets/sfv4/Assets.img.icons.svg.sa-play-video-icon.6ac411e19f11f029df0eca7633fcfd86.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (min-width: 660px) {
  div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item .content-wrapper .vs-play-me .play-video {
    height: 50px;
  }
}
@media (max-width: 659.5px) {
  div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-video-showreal-sly-frame .slidee .showreal-sly-item .content-wrapper .vs-play-me .play-video {
    height: 30px;
  }
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-vs-scrollbar {
  margin-top: 10px;
  width: 100%;
  height: 9px;
  background: transparent;
  position: relative;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-vs-scrollbar .thread {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 4px;
  width: 100%;
  height: 1px;
  background: #000;
}
div.k2ng-module-ImporterVideoShowreelModule .sa-video-showreal-wrapper .sa-vs-scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #000;
  position: relative;
  z-index: 5;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkM6L1VzZXJzL1RGU0J1aWxkL2FnZW50LzAxLVYyL193b3JrLzIvcy9Ta29kYS5LMk5HLlBsdWdpbnMvU2l0ZVByb3RvdHlwZXMvU2tvZGEuSzJORy5QbHVnaW5zLlNpdGVQcm90b3R5cGVzLkltcG9ydGVyL0Fzc2V0cy9sZXNzL21peGlucy9za29kYS1nbG9iYWwubGVzcyIsIm1vZHVsZS1zdHlsZXMubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBK2RJLFFBQW1DO0VBODJCdEMsR0N6MENFO0lENGRLLGlCQUFBO0lBQ0Esb0JBQUE7OztBQUdKLFFBQW1DLHVCQUFnQztFQXkyQnRFLEdDejBDRTtJRGllSyxpQkFBQTtJQUNBLG9CQUFBOzs7QUFHSixRQUFtQztFQW8yQnRDLEdDejBDRTtJRHNlSyxpQkFBQTtJQUNBLG9CQUFBOzs7QUNwZUosUUFBbUM7RUFpTXZDLEdBcE1HO0lBSUssa0JBQUE7SUFDQSxtQkFBQTs7O0FBR0osUUFBbUMsdUJBQWdDO0VBNEx2RSxHQXBNRztJQVNLLGtCQUFBO0lBQ0EsbUJBQUE7OztBQUdKLFFBQW1DO0VBdUx2QyxHQXBNRztJQWNLLGtCQUFBO0lBQ0EsbUJBQUE7OztBQWZSLEdBQUcsd0NBa0JDO0VBQ0kseUJBQUE7RUFDQSxnQkFBQTtFQUNBLGNBQUE7RUFDQSxhQUFBOztBQUVBLFFBQW1DO0VBNEszQyxHQXBNRyx3Q0FrQkM7SUFPUSxvQkFBQTs7O0FBR0osUUFBbUM7RUF3SzNDLEdBcE1HLHdDQWtCQztJQVdRLG9CQUFBOzs7QUE3QlosR0FBRyx3Q0FpQ0M7RUFDSSxzQkFBQTtFQUNBLGtCQUFBOztBQW5DUixHQUFHLHdDQWlDQyx5QkFJSTtFQUNJLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7O0FBeENaLEdBQUcsd0NBNENDO0VBQ0ksV0FBQTtFQUNBLGdCQUFBOztBQTlDUixHQUFHLHdDQTRDQywyQkFJSTtFQUNJLFdBQUE7RUFDQSxtQkFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNB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 */