/* ANIMATION */
/* ANIMATION */
.desktop .slide_products .slide_products_content {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

.desktop .slide_products.visible .slide_products_content {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s; }

.slide_products .slide_products_content {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }
  @media only screen and (max-width: 1024px) {
    .slide_products .slide_products_content {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
      filter: alpha(opacity=100);
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1; } }

.slide_products img {
  -webkit-transform: translateX(0px) scale(1.02);
  -moz-transform: translateX(0px) scale(1.02);
  -o-transform: translateX(0px) scale(1.02);
  -ms-transform: translateX(0px) scale(1.02);
  transform: translateX(0px) scale(1.02);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%; }
  @media only screen and (max-width: 1024px) {
    .slide_products img {
      image-rendering: pixelated; } }

.slide_products .mediumwidth {
  width: 80%; }
  .slide_products .mediumwidth img {
    max-width: 100%; }
  @media only screen and (max-width: 737px) {
    .slide_products .mediumwidth {
      width: 100%;
      display: block; } }

.slide_products .slide_products_button_white,
.slide_products .slide_products_button_black {
  z-index: 4;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  -o-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
  width: 50px;
  height: 50px;
  background: url("../img/hangtag_button.png");
  background-position: right;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }
  @media only screen and (max-width: 737px) {
    .slide_products .slide_products_button_white,
    .slide_products .slide_products_button_black {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
      filter: alpha(opacity=100);
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -webkit-transform: translateX(0%) translateY(0%) scale(1);
      -moz-transform: translateX(0%) translateY(0%) scale(1);
      -o-transform: translateX(0%) translateY(0%) scale(1);
      -ms-transform: translateX(0%) translateY(0%) scale(1);
      transform: translateX(0%) translateY(0%) scale(1);
      width: 60px;
      height: 60px;
      top: 0;
      left: auto;
      right: 0;
      background-position: right; } }
  @media only screen and (max-width: 1024px) {
    .slide_products .slide_products_button_white,
    .slide_products .slide_products_button_black {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
      filter: alpha(opacity=100);
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -webkit-transform: translateX(0%) translateY(0%) scale(1);
      -moz-transform: translateX(0%) translateY(0%) scale(1);
      -o-transform: translateX(0%) translateY(0%) scale(1);
      -ms-transform: translateX(0%) translateY(0%) scale(1);
      transform: translateX(0%) translateY(0%) scale(1);
      top: 0;
      left: auto;
      right: 0;
      background-position: right;
      width: 50px;
      height: 50px; } }

@media only screen and (max-width: 737px) {
  .slide_products .slide_products_button_black {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background-position: left; } }

@media only screen and (max-width: 1024px) {
  .slide_products .slide_products_button_black {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background-position: left; } }

@media only screen and (orientation: portrait) and (max-width: 1023px), screen and (max-width: 767px) {
  .slide_products .slide_image_button {
    display: none; } }

.slide_products .slide_image_parallax img {
  -webkit-transform: translateY(0%) scale(1);
  -moz-transform: translateY(0%) scale(1);
  -o-transform: translateY(0%) scale(1);
  -ms-transform: translateY(0%) scale(1);
  transform: translateY(0%) scale(1); }

.slide_products a.zoomed {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease 0s;
  -moz-transition: opacity 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s;
  transition: opacity 0.35s ease 0s; }
  @media only screen and (orientation: portrait) and (max-width: 1023px), screen and (max-width: 767px) {
    .slide_products a.zoomed {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
      filter: alpha(opacity=100);
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1; } }

.slide_products a {
  -webkit-transform: translateX(0px) scale(1.02);
  -moz-transform: translateX(0px) scale(1.02);
  -o-transform: translateX(0px) scale(1.02);
  -ms-transform: translateX(0px) scale(1.02);
  transform: translateX(0px) scale(1.02);
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 0px;
  background: white;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: padding 0.35s ease 0s;
  -moz-transition: padding 0.35s ease 0s;
  -o-transition: padding 0.35s ease 0s;
  transition: padding 0.35s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  padding: 20px;
  transform-origin: 50% 50%; }
  .slide_products a .slide_products_borders {
    position: absolute;
    z-index: 3;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: rgba(150, 150, 150, 0.2) url(../img/gradient.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .slide_products a.hovered img {
    -webkit-transform: translateX(0px) scale(1);
    -moz-transform: translateX(0px) scale(1);
    -o-transform: translateX(0px) scale(1);
    -ms-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .slide_products a.hovered .slide_products_button_white,
  .slide_products a.hovered .slide_products_button_black {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s; }
  .slide_products a.hovered .slide_products_borders {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .slide_products a.initialSize img {
    -webkit-transform: translateX(0px) scale(1);
    -moz-transform: translateX(0px) scale(1);
    -o-transform: translateX(0px) scale(1);
    -ms-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }

.slide_products .slide_play_icon {
  cursor: pointer;
  position: absolute;
  background-size: 100%;
  z-index: 300;
  top: 50%;
  left: 50%; }
  .slide_products .slide_play_icon .slide_play_button_content {
    -webkit-transform: translateX(-49.9%) translateY(-49.9%) scale(1);
    -moz-transform: translateX(-49.9%) translateY(-49.9%) scale(1);
    -o-transform: translateX(-49.9%) translateY(-49.9%) scale(1);
    -ms-transform: translateX(-49.9%) translateY(-49.9%) scale(1);
    transform: translateX(-49.9%) translateY(-49.9%) scale(1);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 35px;
    height: 35px; }
  .slide_products .slide_play_icon div {
    position: absolute; }
  .slide_products .slide_play_icon .play_top1,
  .slide_products .slide_play_icon .play_top2,
  .slide_products .slide_play_icon .play_bottom1,
  .slide_products .slide_play_icon .play_bottom2 {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 12.5px;
    height: 1px;
    background: white; }
  .slide_products .slide_play_icon .play_top2,
  .slide_products .slide_play_icon .play_bottom2 {
    right: 0px; }
  .slide_products .slide_play_icon .play_bottom1,
  .slide_products .slide_play_icon .play_bottom2 {
    bottom: 0px; }
  .slide_products .slide_play_icon .play_middletop1,
  .slide_products .slide_play_icon .play_middletop2,
  .slide_products .slide_play_icon .play_middlebottom1,
  .slide_products .slide_play_icon .play_middlebottom2 {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    height: 12.5px;
    width: 1px;
    background: white; }
  .slide_products .slide_play_icon .play_middlebottom1,
  .slide_products .slide_play_icon .play_middlebottom2 {
    bottom: 0px; }
  .slide_products .slide_play_icon .play_middletop2,
  .slide_products .slide_play_icon .play_middlebottom2 {
    right: 0px; }
  .slide_products .slide_play_icon.hovered .slide_play_button_content {
    width: 41px;
    height: 41px; }
    .slide_products .slide_play_icon.hovered .slide_play_button_content .play_top1,
    .slide_products .slide_play_icon.hovered .slide_play_button_content .play_top2,
    .slide_products .slide_play_icon.hovered .slide_play_button_content .play_bottom1,
    .slide_products .slide_play_icon.hovered .slide_play_button_content .play_bottom2 {
      height: 2px;
      width: 12.5px; }
    .slide_products .slide_play_icon.hovered .slide_play_button_content .play_middletop1,
    .slide_products .slide_play_icon.hovered .slide_play_button_content .play_middletop2,
    .slide_products .slide_play_icon.hovered .slide_play_button_content .play_middlebottom1,
    .slide_products .slide_play_icon.hovered .slide_play_button_content .play_middlebottom2 {
      width: 2px;
      height: 12.5px; }

.slide_products .slide_products_names {
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1.5;
  margin-top: 15px;
  font-family: "hurme-light","Helvetica Neue","Helvetica",Arial,Segoe UI Symbol,sans-serif;
  font-size: 11px;
  letter-spacing: 0.03em; }
  .slide_products .slide_products_names .slide_products_name {
    margin-top: 1px;
    display: inline-block; }
    .slide_products .slide_products_names .slide_products_name ~ .slide_products_name:before {
      content: ' / ';
      display: inline-block; }
      @media only screen and (orientation: portrait) and (max-width: 1023px), screen and (max-width: 767px) {
        .slide_products .slide_products_names .slide_products_name ~ .slide_products_name:before {
          content: '';
          display: block; } }
  .view4 .slide_products .slide_products_names {
    display: none; }

.slide_products .slide_products_shop {
  cursor: pointer;
  display: inline-block;
  height: 32px;
  text-transform: uppercase;
  -webkit-transition: border-bottom 0.15s ease 0s;
  -moz-transition: border-bottom 0.15s ease 0s;
  -o-transition: border-bottom 0.15s ease 0s;
  transition: border-bottom 0.15s ease 0s;
  border-bottom: 1px solid #000;
  margin-top: 10px;
  letter-spacing: 0.1em;
  font-size: 14px;
  font-family: "hurme-semibold","Helvetica Neue","Helvetica",Arial,Segoe UI Symbol,sans-serif;
  margin-bottom: 25px; }
  .view4 .slide_products .slide_products_shop {
    font-size: 12px;
    height: 26px; }
  @media only screen and (max-width: 737px) {
    .slide_products .slide_products_shop {
      margin-bottom: 30px;
      height: 30px; } }
  .slide_products .slide_products_shop.hovered {
    border-bottom: 4px solid #000;
    -webkit-transition: border-bottom 0.15s ease 0s;
    -moz-transition: border-bottom 0.15s ease 0s;
    -o-transition: border-bottom 0.15s ease 0s;
    transition: border-bottom 0.15s ease 0s; }

.slide_products .slide_products_text {
  text-transform: uppercase;
  margin-top: 15px;
  letter-spacing: 0.00em;
  font-size: 14px;
  color: #424242;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s; }
  @media only screen and (max-width: 737px) {
    .slide_products .slide_products_text {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
      filter: alpha(opacity=100);
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      position: relative;
      bottom: auto; } }
  .slide_products .slide_products_text p {
    text-transform: uppercase;
    font-size: 13px;
    text-align: center; }
    .slide_products .slide_products_text p button {
      background: none;
      color: #333;
      font-family: "hurme-semibold","Helvetica Neue","Helvetica",Arial,Segoe UI Symbol,sans-serif;
      letter-spacing: 0.03em;
      font-size: 14px;
      padding: 2px 5px; }
      .slide_products .slide_products_text p button:hover {
        color: #000; }

.desktop .slide_products:hover .slide_products_text {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

.notscrollable .fullscreen-data-products {
  display: block;
  width: 100%; }
  @media only screen and (orientation: portrait) and (max-width: 1023px), screen and (max-width: 767px) {
    .notscrollable .fullscreen-data-products {
      -webkit-transform: none;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      transform: none;
      margin: 10px 0px;
      position: relative;
      top: 50%; } }