@font-face {
  font-family: 'Didot';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://peninsula.ua/stack_cat/fonts/Cormorantbolditalic.ttf);
}
.stacks-container .img-container  img {
  width: 100%;
  height: 100%;
  /* border: 1px solid white; */

}

h2 {
    font-weight: 100!important;
}


.stacks-container .img-container {
  border: 1px solid white;
}
.shop-the-stack .style-container .stacks-container .stack-item-mob .img-container .swipe2 {
  display: none;
}
.style-container-inner .stacks-container .stack-item .img-container .swipe1 {
  display: none;
}
.swipe1 {
  width: 40px !important;
  height: 40px !important;


  position: absolute;
  bottom: 5%;
  right: 5%;
  opacity: 0.1;
  border: none !important;
}
.swipe2 {
  width: 25px !important;
  height: 25px !important;

  position: absolute;
  bottom: 5%;
  right: 5%;
  opacity: 0.1;
  border: none !important;
}

/* @keyframes swipe {
  0% {
    right: 10%;
  }

  25% {
    right: 13%;
  }
  50% {
    right: 10%;
  }
  50% {
    right: 13%;
  }
} */
.background-image {

  /* background: url(/images/Баннер.png) center/cover no-repeat; */
  position: relative;
  width: 100%;
  /* max-height: 667px; */
  /* overflow: hidden; */
}
.background-image img {
  object-fit: cover;
  width: 100%;
  /* height: 100%; */


}
.first-background-mob {
  display: none;
}
.style-container {
  max-width:1200px;
  padding: 0 10px;
  margin: 0 auto;
}

.text-container {
  position: absolute;
  top: 25%;
  right: 5%;
 
}
.text-container h1 {
  font: 600 4vw/0.16 'Montserrat', sans-serif;
}

.text-container p {
	    text-align: right;
  margin-top: 33px;
  font: 400 1.7vw 'Didot', sans-serif;
  color: white;
  font-style: italic;
}
.style-stack-text {

  font: 700 76px sans-serif;
  margin-left: 44px;
  text-transform: uppercase;
  color: white;
  line-height: 12.16px;

}


.style-stack-text span {
    font-size: 3vw;
  margin-left: 10px;
}

/* .style-container button {
  position: absolute;
  bottom: 42px;
  right: 50px;
} */

.style-button {

  display: block;
  font: 500 15px/1.13 'Montserrat', sans-serif;
  background-color: white;
  color: #252031;
  padding: 15px 45px;
  text-transform: uppercase;

}
.style-button:hover {
  background-color: #000000;
  color: white;
}

.style-button-top {
  position: absolute;

  right: 50px;
  bottom: 40px;
}

.style-button-left {
  position: absolute;

  left: 5%;
  bottom: 40px;
}
 /* section two */
 .style-container h2 {

   text-align: center;
 }
 .stacks-container {
   margin: 0 auto;
   max-width: 1200px;
   margin-top: 0px;
   display: flex;
   justify-content: space-between;
   /* flex-wrap: wrap; */
 }

 .stacks-container .img-container {
   position: relative;

   overflow: hidden;
 }

 .stacks-container .img-container img {
   width: 100%;
   height: 100%;
   border: 2px solid white;

 }

 .stacks-container .img-container a {
   display: block;
 }
 .stack-item {
   /* border: 1px solid red; */
   text-transform: uppercase;
  text-align: center;
  max-width: 320px;
  margin: 35px 20px;
  height: 470px;
 }

 .stack-item h3 {
   font: 500 12px 'Montserrat', sans-serif;
   margin-top: 0.5rem;
    margin-bottom: 0.5rem;
 }
 .stack-item p  {
   font: 500 15px 'Montserrat', sans-serif;
   margin: 5px 0;
	     font-weight: 600;
 }
 .stack-item span {
   font: 700 15px 'Montserrat', sans-serif;
 }

 .stack-item:hover > .active-button {
   margin-top: 0.5rem;
   display: block;
 }
 .see-more-container .see-more-design {
   font: 400 23px /0.74'Montserrat', sans-serif;
   display: block;
 }

 .button-style {
   position: absolute;
 }
 .active-button {
   width: 100%;
   background-color: #000000;
   color: white;
   display: none;
   margin: 0 auto;
 }
 .see-more-container {

   margin-top: 50px;
   width: 100%;
 }
 .see-more-design {
   display: block;
  padding: 15px 45px;
  color: #000000;
  text-align: center;
  margin: 0 auto;
  width: 400px;
  border: 1px solid #000000;
 }

 /* style-container-2 */

 .style-container-2 {
   margin-top: 65px;
   display: flex;
   justify-content: center;
 }
 .style-container-2-item {
   position: relative;
 }
 .style-container-2-item a {
   display: block;
 }
 .style-container-2-item img {
   width: 100%;
 }
 .style-container-2-item:first-child {
   margin-right: 23px;
 }

 /* shop-the-style */
 .style-container .shop-the-style-text {
   margin: 65px auto 0;
   text-align: center;
   max-width: 713px;
font-weight:100;
font-family: "Tenor Sans", serif;
	 font-size:20px;
line-height: 2.03;
 }

 .style-container .shop-the-style-text p {
   margin-top: 0px;
   font: 400 15px/1.5 'Montserrat', sans-serif;
 }

 @media (max-width : 320px) {
  .stacks-container .stack-item-mob {
    /* max-width: 140px !important;  */
    margin: 5px 5px;
  }
 }


 @media (max-width: 375px) {
  .text-container {
    left: 9% !important;
  }
  .see-more-container {
    margin-top: 15px;
  }

}
 @media (max-width: 425px) {
  .shop-the-stack .style-container .stacks-container .stack-item-mob .img-container .swipe2 {
    display: block;
  }
  .style-container-inner .stacks-container .stack-item .img-container .swipe1 {
    display: block;
  }
  .style-stack-text {
    margin-left: 0;
    font-size: 8vw !important;
  }
  .style-stack-text span {
    font-size: 6vw!important;
  }
  .text-container p {
        font-size: 5vw;
        text-align: center;
    margin-top: 20px;
  }
  .text-container {
    text-align: center;
    left: 0%!important;
    width: 100%;

  }
  .shop-the-stack .style-container .stacks-container {
    justify-content: space-around;
  }
  .stack-item {
    height: unset;
  }
  /* .stacks-container .stack-item-mob {
    height: 269px;
  } */
  /* .stacks-container .stack-item-mob .img-container .regular1 .swipe1:hover {
    animation-name: swipe;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  } */


  .stacks-container .stack-item-mob{

    max-width: 160px !important;
    margin: 19px 5px;
  }
  .stacks-container .stack-item {
    max-width: 280px;
  }

  .stacks-container h3 {
    font-size: 8px;
  }
  .stacks-container p {
    font-size: 9px;
  }
  .stacks-container span {
    display: block;
    font-size: 11px;
  }
  .style-container .shop-the-style-text {
    margin: 30px 0 auto;
    font-size: 18px;
  }

  .style-container .stacks-container-mob {
    justify-content: center;
  }
  .stacks-container-second {
    margin-top: 0;
  }
  .style-container-inner .stacks-container-second .stack-item:nth-child(4) {
    margin-bottom: 0;
  }
  .style-container-inner .stacks-container {
    justify-content: center;
  }
  .style-container-inner .stacks-container .stack-item {
    margin: 22px;
  }
  .style-container-inner .stacks-container .stack-item .img-container{
    position: relative;
    height: unset;
  }

  .style-button {
    font-size: 10px;
    padding: 15px 25px;
  }
  .style-button-top {
    display: none;
  }

  .see-more-container .see-more-design {
    max-width: 260px;
    font-size: 12px;
    padding: 10px 25px;
  }

  .style-container-2 {
    margin-top: 50px;
  }


  .style-container .shop-the-style-text p {
    font-size: 13px;
    text-align: center;
	 margin:0 10px;
  }

 }
 @media (max-width: 1024px ) {

  .stacks-container {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  /* .style-container-inner .stacks-container .stack-item .img-container{
    height: unset;
  } */
 }
 @media (max-width: 768px ) {
   .active-button {
     margin-top: 11px;
     display: block;
     padding: 10px 10px;
   }
.stack-item {
    height: 550px;
}

  }

  .style-stack-text {
    font-size: 52px;
  }
.style-stack-text span {
    font-size: 2.5vw;
}
  .text-container p {
    margin-top: 30px;
  }

/* @media (max-width: 992px) {
  .stacks-container .img-container {
    height: 250px;
  }
} */

@media (max-width: 600px) {
  .first-background {
    display: none;
  }
  .first-background-mob {
    display: block;
  }
@media (max-width: 550px) {
  .style-container-2 .style-container-2-item:last-child {
    margin-top: 30px;
  }
  .shop-the-stack .style-container {
    padding: 0;
  }
 .style-container-2 {
   flex-wrap: wrap;
 }
 .style-button-right {
  right: 5%;
  left: unset;
}

 .style-container-2-item:first-child {
   margin-right: 0;
 }
}

@media (max-width: 1024) and (min-width: 768px) {
  .style-container-inner .stacks-container {

    flex-wrap: wrap;
  }
}

/* @media (max-width: 320px) {
  .text-container {
    left: 0;
  }
} */