@charset "UTF-8";
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Montserrat";
}

@keyframes slideElement {
  0% {
    opacity: 0;
    margin-top: 130px;
  }
  30% {
    opacity: 0;
    margin-top: 130px;
  }
  100% {
    opacity: 1;
    margin-top: 0px;
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
  }
}
::-webkit-scrollbar {
  width: 12px;
  height: 3px;
}

::-webkit-scrollbar-button {
  background-color: #444;
}

::-webkit-scrollbar-track {
  background-color: #444;
}

::-webkit-scrollbar-track-piece {
  background-color: #000;
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background: linear-gradient(164deg, rgba(255, 255, 255, 0.12) 10.98%, rgba(255, 255, 255, 0.16) 105.27%);
  border-radius: 7px;
}

::-webkit-scrollbar-corner {
  background-color: #444;
}

::-webkit-resizer {
  background-color: #444;
}

html {
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  scroll-behavior: smooth;
  background-color: #1c1c1c;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: clip;
}

section {
  position: relative;
}

.navPoint {
  position: absolute;
  left: 0px;
  top: -95px;
}

.container {
  width: 1200px;
  max-width: 88%;
  margin: auto;
  position: relative;
}

.mainShadow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 320px;
  filter: blur(100px);
  opacity: 0.65;
}

.btncta {
  padding: 16px 24px;
  border: none;
  border-radius: 100px;
  background: linear-gradient(278deg, #FF3C72 7.24%, #FA5757 113.79%);
  color: #FFF;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.25px;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0px 0px 0px #FFF;
  font-size: 15px;
  line-height: 12px;
  transition: ease-out 0.25s;
  cursor: pointer;
}
.btncta:hover {
  box-shadow: 0px 0px 24px 0px rgba(247, 31, 94, 0.69);
  text-shadow: 0px 0px 12px #FFF;
  transform: scale(1.1);
}

.linkPill {
  align-items: center;
  padding: 16px;
  margin: 0px;
  text-decoration: none;
  display: inline;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  transition: 0.12s;
  border-radius: 12px;
  background: linear-gradient(164deg, rgba(255, 255, 255, 0) 10.98%, rgba(255, 255, 255, 0) 105.27%);
  line-height: 14px;
  opacity: 1;
}
.linkPill:hover {
  color: rgb(255, 255, 255);
  background: linear-gradient(164deg, rgba(255, 255, 255, 0.12) 10.98%, rgba(255, 255, 255, 0) 105.27%);
}

.swiper-button {
  display: flex;
  width: 46px;
  height: 46px;
  padding: 11px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: linear-gradient(164deg, rgba(255, 255, 255, 0.12) 10.98%, rgba(255, 255, 255, 0) 105.27%);
  cursor: pointer;
  transition: 0.3s;
}
.swiper-button::after {
  display: none;
}
.swiper-button:hover {
  display: flex;
  width: 58px;
  height: 58px;
  padding: 17px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 0.1px solid rgba(255, 255, 255, 0.2784313725);
  background: linear-gradient(319deg, rgba(255, 255, 255, 0.36) 7.24%, rgba(255, 255, 255, 0.17) 102.94%);
}
.swiper-button.swiper-button-prev {
  position: absolute;
  top: 50%;
  left: -58px;
  transform: translate(-50%, -50%);
}
.swiper-button.swiper-button-next {
  position: absolute;
  top: 50%;
  right: -58px;
  transform: translate(50%, -50%);
}

.roller {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.roller .item {
  display: inline-block;
  animation: scroll 20s linear infinite;
}
.roller .item span {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.25px;
  text-transform: uppercase;
}
.roller .item span.full {
  color: #FFF;
}
.roller .item img {
  margin-top: -3px;
  display: inline;
  margin: 0px 24px;
  transform: translateY(-3px);
}
.roller .item span.border {
  color: #1c1c1c;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; /* Obwódka */
}

.firstRoller {
  margin-top: 74px;
}

.secondRoller {
  margin-top: 74px;
}

.thirdRoller {
  margin-top: 74px;
}

@media (min-width: 2100px) {
  .container {
    transform: scale(1.2);
  }
  .roller {
    padding: 60px 0px;
  }
  .roller .item span {
    font-size: 28px;
  }
  .firstRoller {
    margin-top: 10px;
  }
  .thirdRoller {
    margin-top: 110px;
  }
  .fourthRoller {
    margin-bottom: 130px;
  }
  .fifthRoller {
    margin-top: 130px;
    margin-bottom: 40px;
  }
  .sisthRoller {
    margin-top: 55px;
    margin-bottom: 260px;
  }
  section.blognew {
    margin-bottom: 340px;
  }
}
@media (max-width: 1450px) {
  .swiper-button.swiper-button-prev {
    left: -36px;
  }
  .swiper-button.swiper-button-next {
    right: -36px;
  }
}
@media (max-width: 1250px) {
  .swiper-button.swiper-button-prev {
    left: -46px;
  }
  .swiper-button.swiper-button-next {
    right: -46px;
  }
  .container {
    transform: scale(0.9);
  }
  .firstRoller {
    margin-top: 20px;
    margin-bottom: -35px;
  }
  .secondRoller {
    margin-top: -30px;
  }
  .thirdRoller {
    margin-top: 70px;
  }
  .fourthRoller {
    margin-bottom: -60px;
  }
  .fifthRoller {
    margin-top: -40px;
    margin-bottom: 20px;
  }
  .sisthRoller {
    margin-top: 0px;
    margin-bottom: -140px;
  }
  section.blognew {
    margin-bottom: -200px;
  }
}
@media (max-width: 990px) {
  .container {
    transform: scale(0.8);
    max-width: 100%;
  }
  .secondRoller {
    margin-top: -50px;
    margin-bottom: -50px;
  }
  .thirdRoller {
    margin-top: 20px;
  }
  .fourthRoller {
    margin-bottom: -150px;
  }
  .fifthRoller {
    margin-top: -130px;
    margin-bottom: -40px;
  }
  .sisthRoller {
    margin-top: -60px;
    margin-bottom: -60px;
  }
}
@media (max-width: 900px) {
  .container {
    max-width: 110%;
    transform: scale(0.8) translateX(-5.5%);
  }
}
@media (max-width: 800px) {
  .linkPill {
    font-size: 16px;
  }
  .container {
    max-width: 92%;
    transform: none;
  }
  .firstRoller {
    margin-top: 44px;
    margin-bottom: 0px;
  }
  .secondRoller {
    margin-top: 74px;
    margin-bottom: 0px;
  }
  .thirdRoller {
    margin-top: 74px;
    margin-bottom: 0px;
  }
  .fourthRoller {
    margin: 0px;
  }
  .fifthRoller {
    margin: 0px;
  }
  .sisthRoller {
    margin: 0px;
  }
  .navPoint {
    top: -83px;
  }
}
header {
  position: fixed;
  height: 95px;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 11;
  position: absolute;
}
header .container {
  width: 92%;
  height: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;

  max-width: 2000px;
}
header .container a.logo {
  cursor: pointer;
  text-decoration: none;
}
header .container a.logo img {
  filter: drop-shadow(0px 0px 20.654px rgba(255, 255, 255, 0.16));
}
header .container nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .container nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .container nav .btncta {
  margin-left: 58px;
}
header .container nav .btncta {
  cursor: pointer;
  text-decoration: none;
  margin-left: 32px;
}
header .container nav .langToggle {
  cursor: pointer;
  margin-left: 32px;
  text-decoration: none;
}
header .container #burger {
  display: none;
}

@media (max-width: 1200px) {
  header .container {
    width: 100%;
  }
}

@media (max-width: 1050px) {
  header {
    height: 83px;
    width: 100%;
  }
  header .container {
    width: 92%;
    transform: scale(1);
    position: relative;
  }
  header .container nav {
    display: block;
    position: absolute;
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: -4vw;
    background-color: #1c1c1c;
    padding-top: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: -105vh;
    transition: 0.55s;
  }
  header .container nav ul {
    flex-direction: column;
  }
  header .container nav ul li .linkPill {
    font-size: 21px;
    color: #fff;
    opacity: 1;
    display: block;
    padding: 24px 0px;
  }
  header .container nav ul li .linkPill span {
    display: none;
  }
  header .container nav .btncta {
    margin-left: 0px;
    margin-top: 80px;
  }
  header .container nav .langToggle {
    margin-left: 0px;
    margin-top: 27px;
  }
  header .container nav.active {
    top: 0px;
  }
  header .container .logo {
    position: relative;
    z-index: 15;
  }
  header .container #burger {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: linear-gradient(164deg, rgba(255, 255, 255, 0.12) 10.98%, rgba(255, 255, 255, 0) 105.27%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 15;
  }
  header .container #burger span {
    width: 18px;
    height: 2px;
    display: block;
    background-color: #fff;
    margin: 1.5px 0px;
    padding: 0px;
    border-radius: 3px;
    transition: 0.2s;
  }
  header .container #burger.active span:nth-of-type(1) {
    transform: translateY(5px) rotate(45deg);
  }
  header .container #burger.active span:nth-of-type(2) {
    opacity: 0;
  }
  header .container #burger.active span:nth-of-type(3) {
    transform: translateY(-5px) rotate(-45deg);
  }
}
section.hero {
  height: 100vh;
  position: relative;
}
section.hero .herovideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

video::-webkit-media-controls {
  display: none !important;
}

section.hero .shadowTop {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  opacity: 1;
  height: 200px;
  background: linear-gradient(180deg, #1C1C1C 0%, rgba(28, 28, 28, 0.75) 40%, rgba(28, 28, 28, 0) 100%);
}
section.hero .shadowBottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  opacity: 1;
  height: 200px;
  background: linear-gradient(0deg, #1C1C1C 0%, rgba(28, 28, 28, 0.75) 40%, rgba(28, 28, 28, 0) 100%);

}
section.hero h1 {
  font-size: 70px;
  text-align: center;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 100%;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 80%;
  margin: auto;
  display: block;
  animation: 1s slideElement;
}
section.hero h1 span {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
section.hero h1 span {
  -webkit-text-stroke: 2px #fff;
}
.toDown {
  cursor: pointer;
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
  bottom: 85px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.32s;
  z-index: 1;
}
.toDown img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  transition: 0.36s;
}
.toDown img.toDownFull {
  opacity: 1;
}
.toDown img.toDownBorder {
  transform: scale(1.03);
  opacity: 0;
}
.toDown img.toDownArrowTop {
  width: 14px;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.toDown img.toDownArrowBottom {
  width: 33px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.toDown:hover {
  transform: translateX(-50%) scale(1.25);
}
.toDown:hover img.toDownFull {
  opacity: 0;
}
.toDown:hover img.toDownBorder {
  opacity: 1;
}
.toDown:hover img.toDownArrowTop {
  opacity: 1;
  top: 35%;
}
.toDown:hover img.toDownArrowBottom {
  width: 14px;
  top: 60%;
}

@media (min-width: 2100px) {
  section.hero h1 {
    transform: translate(-50%, -50%) scale(1.2);
  }
  .toDown {
    transform: translateX(-50%) scale(1.2);
  }
  .toDown:hover {
    transform: translateX(-50%) scale(1.4);
  }
}
@media (max-width: 1450px) {
  section.hero h1 {
    width: 90%;
  }
}
@media (max-width: 1250px) {
  section.hero h1 {
    transform: translate(-50%, -50%) scale(0.9);
  }
  .toDown {
    transform: translateX(-50%) scale(0.9);
    bottom: 60px;
  }
  .toDown:hover {
    transform: translateX(-50%) scale(1.1);
  }
}
@media (max-width: 990px) {
  section.hero h1 {
    transform: translate(-50%, -50%) scale(0.8);
  }
  .toDown {
    transform: translateX(-50%) scale(0.8);
  }
  .toDown:hover {
    transform: translateX(-50%) scale(1);
  }
}
@media (max-width: 800px) {
  section.hero h1 {
    transform: translate(-50%, -50%);
    font-size: 32px;
    line-height: normal;
    animation: none;
    opacity: 1;
    margin-top: 0px;
  }
  section.hero h1 span {
    -webkit-text-stroke: 1px #fff;
  }
  .toDown {
    bottom: 60px;
  }
}
section.about {
  height: auto;
}
section.about .container {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 165px;
}
section.about .container .mainShadow {
  left: 80%;
  top: 50%;
}
section.about .container .side {
  width: 50%;
}
section.about .container .imgSide {
  position: relative;
}
section.about .container .imgSide .product {
  position: absolute;
  top: 0px;
  left: -130px;
  width: 710px;
  height: 660px;

  left: -100px;
}
section.about .container .imgSide .line {
  position: absolute;
  top: 480px;
  left: 311px;
}
section.about .container .imgSide .wheel {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 20px;
  left: 367px;
}
section.about .container .imgSide .wheel .aboutWheel {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: 0.05s;
}
section.about .container .imgSide .wheel .aboutWheelCenter {
  width: 120%;
  height: 120%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.about .container .textSide {
  /* transform: translateX(-100px); */
  padding-top: 100px;
  padding-top: 160px;
}
section.about .container .textSide h2 {
  font-size: 56px;
  text-align: left;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 96px;
  line-height: 92%;
}
section.about .container .textSide h2 span {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
section.about .container .textSide p {
  margin-left: 200px;
  width: 490px;
  margin-top: 32px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;

  margin-top: 21px;
  margin-left: 0px;
  width: 560px;
}
section.about .container .textSide p strong {
  font-weight: 800;
}

@media (max-width: 1250px) {
  section.about .container .imgSide {
    margin-top: 40px;
  }
  section.about .container .imgSide .product {
    width: 600px;
    height: auto;
    left: -160px;
  }
  section.about .container .imgSide .line {
    left: 200px;
    transform: scale(0.9);
  }
  section.about .container .imgSide .wheel {
    left: 300px;
    transform: scale(0.9);
  }
  section.about .container .textSide p {
    width: 400px;
    margin-left: 180px;

    margin-left: 0px;
  }
}
@media (max-width: 1050px) {
  section.about .container .imgSide {
    margin-top: 0px;
  }
  section.about .container .textSide h2 {
    font-size: 53px;
    width: 140%;
  }
}
@media (max-width: 990px) {
  section.about .container .imgSide .product {
    left: -170px;
  }
  section.about .container .imgSide .line {
    left: 190px;
  }
  section.about .container .imgSide .wheel {
    left: 290px;
  }
}
@media (max-width: 990px) {
  section.about .container {
    max-width: 100%;
    transform: scale(0.8) translateX(0%);
  }
}
@media (max-width: 800px) {
  section.about .container {
    transform: none;
    display: flex;
    flex-direction: column;
    max-width: 90%;
    padding-bottom: 0px;
  }
  section.about .container .side {
    width: 100%;
  }
  section.about .container .textSide {
    transform: none;
    padding-top: 45px;
  }
  section.about .container .textSide h2 {
    font-size: 28px;
    text-align: center;
    width: 100%;
  }
  section.about .container .textSide p {
    margin: 0px;
    font-size: 15px;
    margin-top: 380px;
    width: 100%;
    text-align: center;
  }
  section.about .container .imgSide {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    width: 320px;
  }
  section.about .container .imgSide .product {
    left: -100px;
    width: 365px;
    top: 0px;
  }
  section.about .container .imgSide .line {
    left: 110px;
    transform: scale(0.7);
    top: 240px;
  }
  section.about .container .imgSide .wheel {
    left: 170px;
    transform: scale(0.75);
    top: 120px;
  }
}
section.products {
  position: relative;
}
section.products #swiperProductsBg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 600px;
  filter: blur(100px);
  opacity: 0.9;
  transition: 1.5s;
  z-index: 0;
}
section.products .container {
  padding: 37px 0px 60px;
}
section.products .container .shadowLeft {
  height: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  width: 150px;
  background: linear-gradient(90deg, #1C1C1C 0%, rgba(28, 28, 28, 0.75) 40%, rgba(28, 28, 28, 0) 100%);
  z-index: 7;
  margin-top: 50px;
  left: -2px;
}
section.products .container .shadowRight {
  height: 100%;
  right: 0px;
  top: 0px;
  position: absolute;
  width: 150px;
  background: linear-gradient(-90deg, #1C1C1C 0%, rgba(28, 28, 28, 0.75) 40%, rgba(28, 28, 28, 0) 100%);
  z-index: 7;
  margin-top: 50px;
  right: -2px;
}
section.products .container .content {
  width: 100%;
  overflow: hidden;
}
section.products .container .content .swiperProducts {
  height: 850px;
  width: 850px;
  margin: auto;
}
section.products .container .content .swiperProducts .swiper-slide .packshot {
  width: 850px;
  height: 850px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

section.products .container .content .swiperProducts .swiper-slide .packshot.packshotCan {
  width: 717px;
  height: 717px;
  transform: translate(-50%, -42%);
}

section.products .container .content .swiperProducts .swiper-slide h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: #FFF;
  text-align: center;
  font-size: 212px;
  font-weight: 900;
  line-height: 91%;
  text-transform: uppercase;
}
section.products .container .content .swiperProducts .swiper-slide h3 span {
  display: block;
  transition: 1.5s;
}
section.products .container .content .swiperProducts .swiper-slide .textBox {
  display: inline-flex;
  padding: 27px 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 23px;
  border-radius: 25px;
  border: 0.5px solid rgba(255, 255, 255, 0.4156862745);
  background: linear-gradient(318deg, rgba(255, 255, 255, 0.05) -22.04%, rgba(255, 255, 255, 0.03) 70.22%, rgba(255, 255, 255, 0.18) 101.45%), rgba(0, 0, 0, 0.18);
  -webkit-backdrop-filter: blur(13px);
          backdrop-filter: blur(13px);
  position: absolute;
  z-index: 6;
  transition: 1.5s;
}
section.products .container .content .swiperProducts .swiper-slide .textBox p {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
section.products .container .content .swiperProducts .swiper-slide.product1 h3 span:nth-of-type(1), section.products .container .content .swiperProducts .swiper-slide.product2 h3 span:nth-of-type(1), section.products .container .content .swiperProducts .swiper-slide.product3 h3 span:nth-of-type(1), section.products .container .content .swiperProducts .swiper-slide.product4 h3 span:nth-of-type(1) {
  transform: translateX(26%);
}
section.products .container .content .swiperProducts .swiper-slide.product1 h3 span:nth-of-type(2), section.products .container .content .swiperProducts .swiper-slide.product2 h3 span:nth-of-type(2), section.products .container .content .swiperProducts .swiper-slide.product3 h3 span:nth-of-type(2), section.products .container .content .swiperProducts .swiper-slide.product4 h3 span:nth-of-type(2) {
  transform: translateX(-35%);
}
section.products .container .content .swiperProducts .swiper-slide.product1 h3 span:nth-of-type(3), section.products .container .content .swiperProducts .swiper-slide.product2 h3 span:nth-of-type(3), section.products .container .content .swiperProducts .swiper-slide.product3 h3 span:nth-of-type(3), section.products .container .content .swiperProducts .swiper-slide.product4 h3 span:nth-of-type(3) {
  transform: translateX(-20%);
}
section.products .container .content .swiperProducts .swiper-slide.product1 .textBox:nth-of-type(1) {
  top: 23%;
  left: 68%;
  transform: translateX(-80%);
}
section.products .container .content .swiperProducts .swiper-slide.product1 .textBox:nth-of-type(2) {
  top: 48%;
  right: 62%;
  transform: translateX(150%);
}
section.products .container .content .swiperProducts .swiper-slide.product1 .textBox:nth-of-type(3) {
  top: 66%;
  right: 64%;
  transform: translateX(90%);
}
section.products .container .content .swiperProducts .swiper-slide.product2 .textBox:nth-of-type(1) {
  top: 30%;
  left: 56%;
  transform: translateX(-80%);
}
section.products .container .content .swiperProducts .swiper-slide.product2 .textBox:nth-of-type(2) {
  top: 53%;
  right: 62%;
  transform: translateX(150%);
}
section.products .container .content .swiperProducts .swiper-slide.product2 .textBox:nth-of-type(3) {
  top: 55%;
  left: 62%;
  transform: translateX(-90%);
}
section.products .container .content .swiperProducts .swiper-slide.product2 .textBox:nth-of-type(4) {
  top: 75%;
  right: 55%;
  transform: translateX(80%);
}
section.products .container .content .swiperProducts .swiper-slide.product3 h3 span:nth-of-type(1) {
  transform: translateX(20%);
}
section.products .container .content .swiperProducts .swiper-slide.product3 h3 span:nth-of-type(2) {
  transform: translateX(20%);
}
section.products .container .content .swiperProducts .swiper-slide.product3 .textBox:nth-of-type(1) {
  top: 44%;
  left: 64%;
  transform: translateX(-80%);
}
section.products .container .content .swiperProducts .swiper-slide.product3 .textBox:nth-of-type(2) {
  top: 65%;
  right: 56%;
  transform: translateX(150%);
}
section.products .container .content .swiperProducts .swiper-slide.product4 h3 span:nth-of-type(2) {
  transform: translateX(22%);
}
section.products .container .content .swiperProducts .swiper-slide.product4 .textBox:nth-of-type(1) {
  top: 33%;
  left: 69%;
  transform: translateX(-80%);
}
section.products .container .content .swiperProducts .swiper-slide.product4 .textBox:nth-of-type(2) {
  top: 54%;
  right: 78%;
  transform: translateX(150%);
}
section.products .container .content .swiperProducts .swiper-slide.product4 .textBox:nth-of-type(3) {
  top: 74%;
  left: 62%;
  transform: translateX(-80%);
}
section.products .container .content .swiperProducts .swiper-slide.product1.swiper-slide-active h3 span, section.products .container .content .swiperProducts .swiper-slide.product2.swiper-slide-active h3 span, section.products .container .content .swiperProducts .swiper-slide.product3.swiper-slide-active h3 span, section.products .container .content .swiperProducts .swiper-slide.product4.swiper-slide-active h3 span {
  transform: translateX(0px);
}
section.products .container .content .swiperProducts .swiper-slide.product1.swiper-slide-active .textBox, section.products .container .content .swiperProducts .swiper-slide.product2.swiper-slide-active .textBox, section.products .container .content .swiperProducts .swiper-slide.product3.swiper-slide-active .textBox, section.products .container .content .swiperProducts .swiper-slide.product4.swiper-slide-active .textBox {
  transform: translateX(0px);
}
section.products .container .content .swiperProducts-pagination {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: -moz-fit-content;
  width: fit-content;
  z-index: 6;
}
section.products .container .content .swiperProducts-pagination span {
  border-radius: 100px;
  width: 16px;
  height: 6px;
  opacity: 0.2;
  background: #FFF;
  transition: 0.8s;
  margin: 0px 7px;
  cursor: pointer;
  padding: 3px;
}
section.products .container .content .swiperProducts-pagination span.swiper-pagination-bullet-active {
  width: 80px;
  height: 6px;
  opacity: 1;
}

@media (max-width: 1450px) {
  section.products .container {
    transform: scale(0.9);
    padding-top: 0px;
    padding-bottom: 0px;
  }
  section.products .container .content .swiperProducts-pagination {
    bottom: 20px;
  }
}
@media (max-width: 1250px) {
  section.products #swiperProductsBg {
    width: 400px;
  }
}
@media (max-width: 990px) {
  section.products .container {
    transform: scale(0.8);
    max-width: 100%;
  }
  section.products #swiperProductsBg {
    width: 290px;
  }
}
@media (max-width: 900px) {
  section.products {
    overflow: hidden;
    max-width: 100%;
  }
  section.products .container {
    transform: scale(0.7) translateX(-5.5%);
    max-width: 110%;
  }
  section.products #swiperProductsBg {
    width: 200px;
  }
}
@media (max-width: 800px) {
  section.products {
    padding-top: 50px;
    padding-bottom: 10px;
  }
  section.products #swiperProductsBg {
    width: 120px;
  }
  section.products .container {
    transform: none;
    max-width: 100%;
  }
  section.products .container .shadowLeft {
    display: none;
  }
  section.products .container .shadowRight {
    display: none;
  }
  section.products .container .content .swiperProducts {
    width: 95vw;
    height: 95vw;
  }
  section.products .container .content .swiperProducts .swiper-slide h3 {
    font-size: 87px;
  }
  section.products .container .content .swiperProducts .swiper-slide .packshot {
    width: 100vw;
    height: 100vw;

    width: 90vw;
    height: 90vw;
  }
  section.products .container .content .swiperProducts .swiper-slide .textBox {
    border-radius: 10px;
    padding: 12px;
  }
  section.products .container .content .swiperProducts .swiper-slide .textBox p {
    font-size: 13px;
    line-height: normal;
  }
  section.products .container .content .swiperProducts-pagination {
    bottom: -5px;
  }
  section.products .container .content .swiperProducts-pagination span {
    width: 8px;
    height: 3px;
    margin: 0px 3px;
    padding: 2px;
  }
  section.products .container .content .swiperProducts-pagination span.swiper-pagination-bullet-active {
    width: 33px;
    height: 3px;
  }
}
section.receip .container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 100px 0px;
}
section.receip .container .box {
  width: calc(33.33% - 13px);
  border-radius: 24px;
  border: 0.1px solid rgba(255, 255, 255, 0.2274509804);
  background: linear-gradient(318deg, rgba(255, 255, 255, 0.05) -22.04%, rgba(255, 255, 255, 0.03) 70.22%, rgba(255, 255, 255, 0.18) 101.45%), rgba(0, 0, 0, 0.18);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 51px 0px 34px;
  position: relative;
  transition: 0.4s;
}
section.receip .container .box .number {
  display: flex;
  width: 34px;
  height: 34px;
  padding: 3px 11px 3px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  border: 0.1px solid rgba(255, 255, 255, 0.2274509804);
  background: linear-gradient(318deg, rgba(255, 255, 255, 0.05) -22.04%, rgba(255, 255, 255, 0.03) 70.22%, rgba(255, 255, 255, 0.18) 101.45%), rgba(255, 255, 255, 0.18);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  line-height: 28px;
  transform: translateY(-50%);
  position: absolute;
  top: 0px;
  transition: 0.4s;
}
section.receip .container .box p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-top: 24px;
}
section.receip .container .box p strong {
  font-weight: 800;
}
section.receip .container .box:hover {
  transform: translateY(-16px);
}
section.receip .container .box:hover .number {
  box-shadow: 0px 4px 24px 0px rgba(255, 255, 255, 0.48);
}

@media (max-width: 800px) {
  section.receip .container {
    padding: 80px 0px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.receip .container .box {
    width: 100%;
    margin-bottom: 24px;
    padding: 28px 0px 21px;
  }
  section.receip .container .box img {
    transform: scale(0.9);
  }
  section.receip .container .box p {
    margin-top: 10px;
    font-size: 13px;
    line-height: 21px;
  }
  section.receip .container .box p strong {
    font-weight: 800;
  }
  section.receip .container .box:hover {
    transform: none;
  }
  section.receip .container .box:hover .number {
    box-shadow: none;
  }
}
section.allegro .container {
  padding: 105px 0px 110px;
}
section.allegro .container .mainShadow {
  width: 300px;
}
section.allegro .container .mainShadow.firstMainShadow {
  top: 30%;
  left: 100%;
}
section.allegro .container .mainShadow.secondMainShadow {
  top: auto;
  left: auto;
  bottom: 5%;
  right: 95%;
  opacity: 0.5;
}
section.allegro .container h2 {
  font-size: 56px;
  text-align: center;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
}
section.allegro .container h2 span {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
section.allegro .container a.btncta {
  display: block;
  margin: 27px auto 0px;
  width: -moz-fit-content;
  width: fit-content;
}

section.allegro .container .set-container {
  border-radius: 24px;
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(263deg, #FFF 45.31%, #DDFAF7 86.71%, #469088 114.93%);
  background-blend-mode: color, normal;
  box-shadow: 0px 0px 159.7px -52px rgba(255, 255, 255, 0.64);
  height: 407px;
  display: flex;
  overflow: hidden;
  position: relative;
  margin-top: 74px;
}
section.allegro .container .set-container h3 {
  color: #000;
  font-family: Montserrat;
  font-size: 44px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -2.2px;
  text-transform: uppercase;
  text-align: center;
}
section.allegro .container .set-container h3 span {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  color: transparent;

}
section.allegro .container .set-container .set-left {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 50%;
  padding-left: 20px;
}

section.allegro .container .set-container .set-left .new {
  color: #FFF;
  font-size: 12px;
  font-weight: 800;
  border-radius: 1000px;
  border: 1px solid #FFF;
  background: #404040;
  display: flex;
  height: 32px;
  padding: 8px 12px 7px 12px;
  align-items: center;
}
section.allegro .container .set-container .set-left p {
  font-size: 18px;
  text-align: center;
}
section.allegro .container .set-container .set-left .btncta {
  height: 56px;
  display: flex;
  align-items: center;
  width: max-content;
  margin: 0;
}

section.allegro .container .set-container img {
  position: absolute;
  height: 100%;
  z-index: 0;
  right: -20px;
}

section.allegro .container .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*margin-top: 40px;*/
  margin-top: -18px;
}
section.allegro .container .content .box {
  width: calc(50% - 10px);
  margin-top: 41px;
}
section.allegro .container .content .box .product {
  height: 590px;
  border-radius: 24px;
  display: block;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: 0.4s;
}
section.allegro .container .content .box .product .shadow {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  filter: brightness(1000);
  transition: 0.4s;
  opacity: 1;
}
section.allegro .container .content .box .product span.bgtext {
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(0deg, #FFF -39.04%, rgba(255, 255, 255, 0) 109.76%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  font-size: 150px;
  top: 63%;
  opacity: 0;
}
section.allegro .container .content .box .product .price {
  display: inline-flex;
  padding: 8px 24px;
  border-radius: 100px;
  border: 1px solid #FFF;
  background: linear-gradient(318deg, rgba(255, 255, 255, 0.05) -22.04%, rgba(255, 255, 255, 0.03) 70.22%, rgba(255, 255, 255, 0.18) 101.45%), rgba(255, 255, 255, 0.16);
  -webkit-backdrop-filter: blur(18.9393939972px);
          backdrop-filter: blur(18.9393939972px);
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 34px;
  transition: 0.5s;
  z-index: 3;
}
section.allegro .container .content .box .product .packshot {
  width: 530px;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  transition: 0.4s;
}
section.allegro .container .content .box .product:hover span.bgtext {
  font-size: 205px;
  top: 50%;
  opacity: 1;
}
section.allegro .container .content .box .product:hover .price {
  background: linear-gradient(318deg, rgba(255, 255, 255, 0.05) -22.04%, rgba(255, 255, 255, 0.03) 70.22%, rgba(255, 255, 255, 0.18) 101.45%), rgba(255, 255, 255, 0.9);
  color: #000;
}
section.allegro .container .content .box .product:hover .shadow {
  opacity: 1;
  transform: translateX(-50%) translateY(0%);
  
}
section.allegro .container .content .box .product:hover .packshot {
  width: 610px;
  top: -10px;
}
section.allegro .container .content .box .product.firstProduct {
  background: radial-gradient(100% 100% at 50% 0%, #92E0CF 0%, #98E0CC 59.47%, #15B592 100%);
}
section.allegro .container .content .box .product.secondProduct {
  background: radial-gradient(100% 100% at 50% 0%, #FFCE85 0%, #FD912E 59.47%, #A53100 100%);
}
section.allegro .container .content .box .product.thirdProduct {
  background: radial-gradient(100% 100% at 50% 0%, #E03D27 0%, #CE311C 59.47%, #681207 100%);
}
section.allegro .container .content .box .product.fourthProduct {
  background: radial-gradient(100% 100% at 50% 0%, #FCE65A 0%, #E8B113 59.47%, #D2A611 100%);
}
section.allegro .container .content .box .info {
  width: 100%;
  padding-top: 33px;
}
section.allegro .container .content .box .info h3 {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
}
section.allegro .container .content .box .info p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-top: 16px;
}
section.allegro .container .content .box .info .priceMobile {
  display: none;
}

@media (max-width: 990px) {
  section.allegro .container .content .box .product {
    height: 500px;
  }
  section.allegro .container .content .box .product .packshot {
    width: 460px;
  }
}
@media (max-width: 800px) {
  section.allegro .container {
    padding: 55px 0px 65px;
  }
  section.allegro .container h2 {
    font-size: 22px;
  }
  section.allegro .container a.btncta {
    margin-top: 24px;
    margin-top:10px;
  }

  section.allegro .container .set-container {
    flex-direction: column;
    height: auto;
    align-items: center;
    padding: 24px;
    margin-top: 24px;
    background: #fff;
  }

  section.allegro .container .set-container h3 {
    font-size: 22px;
  }

  section.allegro .container .set-container .set-left {
    width: 100%;
    padding: 0 0 20px 0;
    gap: 12px;
  }

  section.allegro .container .set-container .set-left p {
    font-size: 15px;
    margin-bottom: 14px;
  }

  section.allegro .container .set-container .set-left .btncta {
    height: auto;
  }

  section.allegro .container .set-container img {
    position: static;
    width: 100%;
    height: auto;
    min-width: min(400px, calc(100% + 80px));
  }

  section.allegro .container .content {
    margin-top: 0px;
  }
  section.allegro .container .content .box {
    width: 100%;
    margin-top: 48px;
  }
  section.allegro .container .content .box .info {
    padding-top: 16px;
  }
  section.allegro .container .content .box .info h3 {
    font-size: 16px;
  }
  section.allegro .container .content .box .info p {
    font-size: 13px;
    margin-top: 2px;
  }
  section.allegro .container .content .box .info .priceMobile {
    display: block;
    padding: 1px 12px;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none;
    border-radius: 100px;
    border: 0.1px solid #FFF;
    background: linear-gradient(318deg, rgba(255, 255, 255, 0.05) -22.04%, rgba(255, 255, 255, 0.03) 70.22%, rgba(255, 255, 255, 0.18) 101.45%), rgba(255, 255, 255, 0.16);
    -webkit-backdrop-filter: blur(18.9393939972px);
    backdrop-filter: blur(18.9393939972px);
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    line-height: 28px;
    transition: 0.5s;
    z-index: 3;
    margin: auto;
    margin-top: 8px;
  }
  section.allegro .container .content .box .product {
    width: 92vw;
    width: 100%;
    height: 92vw;
    border-radius: 12px;
  }
  section.allegro .container .content .box .product span.bgtext {
    font-size: 98px;
    top: 50%;
    opacity: 1;
  }
  section.allegro .container .content .box .product .price {
    display: none;
  }
  section.allegro .container .content .box .product .shadow {
    opacity: 1;
  }
  section.allegro .container .content .box .product .packshot {
    width: 100%;
    top: 0px;
  }
  section.allegro .container .content .box .product:hover span.bgtext {
    font-size: 98px;
    top: 50%;
    opacity: 1;
  }
  section.allegro .container .content .box .product:hover .shadow {
    opacity: 1;
  }
  section.allegro .container .content .box .product:hover .packshot {
    width: 100%;
    top: 0px;
  }
}
section.socials .container {
  padding: 85px 0px 110px;
}
section.socials .container .mainShadow {
  top: 30%;
}
section.socials .container h2 {
  font-size: 56px;
  text-align: center;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  position: relative;
}
section.socials .container h2 span {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
section.socials .container p.subtitle {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  position: relative;
}
section.socials .container p.subtitle a, section.socials .container p.subtitle strong {
  font-weight: 800;
  color: #FFF;
  text-decoration: none;
}
section.socials .container .content {
  margin-top: 48px;
  position: relative;
}
section.socials .container .content .swiperSocials {
  overflow: hidden;
}
section.socials .container .content .swiperSocials .swiper-slide {
  display: flex;
  justify-content: space-between;
}
section.socials .container .content .swiperSocials .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
section.socials .container .content .swiperSocials .swiper-slide .bigPhoto {
  width: calc(50% - 10px);
  height: auto;
}
section.socials .container .content .swiperSocials .swiper-slide .bigPhoto img {
  width: 100%;
  height: 100%;
}
section.socials .container .content .swiperSocials .swiper-slide .smallPhotos {
  margin-left: 20px;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  width: calc(50% - 10px);
  height: auto;
}
section.socials .container .content .swiperSocials .swiper-slide .smallPhotos img {
  width: calc(50% - 10px);
  height: auto;
}
section.socials .container .content .swiperSocialsDesktop {
  display: block;
}
section.socials .container .content .swiperSocialsMobile {
  display: none;
}

@media (max-width: 990px) {
  .swiper-button.swiper-button-prev {
    left: -30px;
  }
  .swiper-button.swiper-button-next {
    right: -30px;
  }
}
@media (max-width: 800px) {
  section.socials .container {
    padding: 52px 0px 52px;
  }
  section.socials .container h2 {
    font-size: 22px;
  }
  section.socials .container p.subtitle {
    font-size: 13px;
    line-height: normal;
    margin-top: 24px;
  }
  section.socials .container .swiper-button.swiper-button-prev, section.socials .container .swiper-button.swiper-button-next {
    display: none;
  }
  section.socials .container .content .swiperSocialsDesktop {
    display: none;
  }
  section.socials .container .content .swiperSocialsMobile {
    display: block;
    width: 300px;
    overflow: visible;
    margin: auto;
  }
  section.socials .container .content .swiperSocialsMobile .swiper-wrapper {
    width: 300px;
  }
  section.socials .container .content .swiperSocialsMobile .swiper-wrapper .swiper-slide {
    transform: translateX(50px);
  }
  section.socials .container .content .swiperSocialsMobile .swiper-wrapper .swiper-slide img {
    width: 200px;
    height: 200px;
    border-radius: 6px;
  }
}

section.blog {
  display: none;
}
section.blog .container {
  padding: 90px 0px 138px;
}
section.blog .container .mainShadow.firstMainShadow {
  top: 40%;
  left: 110%;
  opacity: 0.6;
}
section.blog .container .mainShadow.secondMainShadow {
  top: 40%;
  left: -10%;
  opacity: 0.6;
}
section.blog .container h2 {
  font-size: 56px;
  text-align: center;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
}
section.blog .container h2 span {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
section.blog .container .content {
  margin: 30px 0px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  height: 465px;
  display: block;
}
section.blog .container .content .blogbg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.6s;
}
section.blog .container .content h3 {
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  position: absolute;
  bottom: 70px;
  text-align: center;
  width: 100%;
  z-index: 2;
  transition: 0.6s;
  opacity: 0;
}
section.blog .container .content p {
  color: #FFF;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
  width: 100%;
  position: absolute;
  bottom: 35px;
  z-index: 2;
  transition: 0.6s;
  opacity: 0;
}
section.blog .container .content .shadow {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 393px;
  background: linear-gradient(0deg, #1C1C1C 0%, rgba(28, 28, 28, 0.75) 40%, rgba(28, 28, 28, 0) 100%);
  transition: 0.6s;
  opacity: 0.001;
  bottom: -3px;
}
section.blog .container .content:hover h3, section.blog .container .content:hover p, section.blog .container .content:hover .shadow {
  opacity: 1;
}
section.blog .container .content:hover .blogbg {
  transform: scale(1.2);
}
section.blog .container a.btnblog {
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: linear-gradient(164deg, rgba(255, 255, 255, 0.12) 10.98%, rgba(255, 255, 255, 0) 105.27%);
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  transition: 0.5s;
  border: 1px solid transparent;
}
section.blog .container a.btnblog:hover {
  border-radius: 1000px;
  border: 1px solid rgba(255, 255, 255, 0.3647058824);
  background: linear-gradient(319deg, rgba(255, 255, 255, 0.51) 7.24%, rgba(255, 255, 255, 0.25) 102.94%);
  text-shadow: 0px 0px 16.5px #FFF;
}

@media (max-width: 800px) {
  section.blog .container {
    padding: 48px 0px 148px;
  }
  section.blog .container .mainShadow.firstMainShadow {
    top: 40%;
    left: 110%;
    opacity: 0.6;
  }
  section.blog .container .mainShadow.secondMainShadow {
    top: 40%;
    left: -10%;
    opacity: 0.6;
  }
  section.blog .container h2 {
    font-size: 22px;
    text-align: center;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
  }
  section.blog .container h2 span {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
  }
  section.blog .container .content {
    margin: 55px 0px;
    border-radius: 5px;
    height: 95px;
    overflow: visible;
  }
  section.blog .container .content h3 {
    opacity: 1;
    bottom: -16px;
    transform: translateY(100%) translateX(-50%);
    left: 50%;
    font-size: 16px;
    width: 280px;
    margin: auto;
    display: block;
  }
  section.blog .container .content p {
    opacity: 1;
    bottom: -56px;
    transform: translateY(100%);
    font-size: 13px;
  }
  section.blog .container .content .shadow {
    display: none;
  }
  section.blog .container .content:hover h3, section.blog .container .content:hover p, section.blog .container .content:hover .shadow {
    opacity: 1;
  }
  section.blog .container .content:hover .blogbg {
    transform: scale(1);
  }
  section.blog .container a.btnblog {
    margin-top: 100px;
  }
}

/* section.blognew {
  display: none;
} */
section.blognew .container {
  padding: 90px 0px 138px;
}
section.blognew .container .mainShadow.firstMainShadow {
  top: 40%;
  left: 110%;
  opacity: 0.6;
  top: 150px;
  width: 200px;
}
section.blognew .container .mainShadow.secondMainShadow {
  top: 40%;
  left: -10%;
  opacity: 0.6;
  top: 150px;
  width: 200px;
}
section.blognew .container h2 {
  font-size: 56px;
  text-align: center;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
}
section.blognew .container h2 span {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
section.blognew .container .content {
  margin: 95px 0px 0px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

section.blognew .container .content .post {
  display: block;
  transition: .2s;
  padding-bottom: 40px;
}

section.blognew .container .content .post .imgBox {
  float: left;
  width: calc(50% - 12px);
  margin-right: 24px;
  margin-bottom: 20px;
  height: 520px;
}

section.blognew .container .content .post.right .imgBox {
  float: right;
  margin-right: 0px;
  margin-left: 24px;
}

section.blognew .container .content .post .imgBox img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.blognew .container .content .post .textBox {
  height: 520px;
  overflow: hidden;
  padding-bottom: 40px;
  position: relative;
  transition: .2s;
}

section.blognew .container .content .post .textBox h3 {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 102.2%;
  text-transform: uppercase;
  margin-bottom: 24px;
}

section.blognew .container .content .post .textBox h3 span.mojito {
  background: linear-gradient(0deg, #16B693 -0.32%, #93E0CF 99.68%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.blognew .container .content .post .textBox h3 span.hugo {
  background: linear-gradient(180deg, #FCE559 0.64%, #D3A712 100.64%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.blognew .container .content .post .textBox h3 span.aperitif {
  background: linear-gradient(180deg, #FFCC82 0.64%, #D65218 100.64%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.blognew .container .content .post .textBox h3 span.sunrise {
  background: linear-gradient(180deg, #E03D27 0.16%, #A72514 48.16%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.blognew .container .content .post .textBox p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

section.blognew .container .content .post .textBox .postBtn {
  box-shadow: none;
  border: none;
  display: flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 1000px;
  background: linear-gradient(164deg, rgba(255, 255, 255, 0.12) 10.98%, rgba(255, 255, 255, 0.00) 105.27%);
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 102.2%;
  text-transform: uppercase;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 3;
  cursor: pointer;
  transition: .2s;
}

section.blognew .container .content .post .textBox .postBtn:hover {
  background: linear-gradient(30deg, rgba(255, 255, 255, 0.12) 10.98%, rgba(255, 255, 255, 0.00) 105.27%);
}

section.blognew .container .content .post .textBox .postShadow {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 200px;
  background: linear-gradient(to top, rgba(28, 28, 28, 1) 0%, rgba(28, 28, 28, 1) 22%, rgba(28, 28, 28, 0.8981967787114846) 35%, rgba(28, 28, 28, 0.8) 45%, rgba(28, 28, 28, 0.5) 70%, rgba(28, 28, 28, 0) 100%);
  z-index: 2;
  transition: .2s;
}

section.blognew .container .content .post.active .postBtn {
  display: none;
}

section.blognew .container .content .post.active .postShadow {
  display: none;
}

section.blognew .container .content .post.active .textBox {
  height: auto;
  overflow: initial;
}

@media (max-width: 1250px) {
  section.blognew .container .content .post .imgBox {
    height: 475px;
  }

  section.blognew .container .content .post .textBox {
    height: 475px;
  }
}

@media (max-width: 800px) {
  section.blognew .container h2 {
    font-size: 22px;
  }

  section.blognew .container {
    padding: 60px 0px 148px;
  }

  section.blognew .container .content {
    margin-top: 60px;
  }

  section.blognew .container .content .post {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  section.blognew .container .content .post .imgBox {
    width: 100%;
    margin-left: 0px!important;
    margin-right: 0px!important;
    height: calc(100vw - 30px);
  }
}

footer .container {
  padding-bottom: 49px;
  display: flex;
  flex-direction: column;
}
footer .container .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 38px;
}
footer .container .top .logo {
  cursor: pointer;
  text-decoration: none;
  margin-right: 25px;
}
footer .container .top .logo img {
  filter: drop-shadow(0px 0px 20.654px rgba(255, 255, 255, 0.16));
}
footer .container .top .newsletter {
  display: flex;
  align-items: center;
}
footer .container .top .newsletter .info {
  margin-right: 48px;
}
footer .container .top .newsletter .info .title {
  font-size: 18px;
  text-align: left;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0px;
}
footer .container .top .newsletter .info .title span {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
footer .container .top .newsletter .info .title span {
  -webkit-text-stroke: 0.5px #fff;
}
footer .container .top .newsletter .info .subtitle {
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  margin-top: 7px;
}
footer .container .top .newsletter form {
  display: flex;
  flex-direction: row;
  align-items: center;
}
footer .container .top .newsletter form .newsletterInput {
  outline: none;
  box-sizing: none;
  border: none;
  display: flex;
  width: 337px;
  height: 43px;
  padding: 9px 16px 9px 24px;
  align-items: center;
  border-radius: 100px;
  background: linear-gradient(164deg, rgba(255, 255, 255, 0.12) 10.98%, rgba(255, 255, 255, 0) 105.27%);
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  margin-right: 12px;
  position: relative;
  z-index: 1;
}
footer .container .center {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
footer .container .center ul {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 74px;
  width: calc(100% + 32px);
  margin-left: -16px;
}
footer .container .bottom {
  padding: 30px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .container .bottom .madeby {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.25;
}
footer .container .bottom .madeby a {
  text-decoration: none;
  color: #FFF;
}
footer .container .bottom .files a {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.4;
  padding: 2px;
  margin: 0px 10px;
  text-decoration: none;
  transition: 0.2s;
}
footer .container .bottom .files a:hover {
  opacity: 0.6;
}
footer .container .bottom .rights {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.25;
}

@media (min-width: 2100px) {
  footer .container {
    margin-top: 90px;
    padding-bottom: 30px;
  }
  section.blog .container .content .shadow {
    bottom: -5px;
  }
}
@media (max-width: 1250px) {
  footer .container {
    margin-top: -50px;
  }
}
@media (max-width: 990px) {
  footer .container {
    margin-top: -100px;
  }
}
@media (max-width: 800px) {
  footer {
    margin-top: 100px;
  }
  footer .container {
    padding-bottom: 23px;
  }
  footer .container .top {
    padding-bottom: 36px;
    flex-direction: column;
  }
  footer .container .top .logo {
    margin: 0px;
  }
  footer .container .top .logo img {
    width: 131px;
  }
  footer .container .top .newsletter {
    flex-direction: column;
    width: 100%;
    margin-top: 48px;
  }
  footer .container .top .newsletter .info {
    margin: 0px;
  }
  footer .container .top .newsletter .info .title {
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    width: 200px;
    margin: auto;
  }
  footer .container .top .newsletter .info .title span {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
  }
  footer .container .top .newsletter .info .title span {
    -webkit-text-stroke: 0px #fff;
    color: #fff;
  }
  footer .container .top .newsletter .info .subtitle {
    font-size: 16px;
    text-align: center;
    margin-top: 12px;
  }
  footer .container .top .newsletter form {
    flex-direction: column;
    margin-top: 32px;
    width: 100%;
  }
  footer .container .top .newsletter form .newsletterInput {
    margin: 0px;
    width: 100%;
  }
  footer .container .top .newsletter form .btncta {
    width: 100%;
    margin: 0px;
    margin-top: 24px;
  }
  footer .container .center {
    border: none;
    padding-bottom: 36px;
  }
  footer .container .center ul {
    height: auto;
    margin: 0px;
    width: 100%;
    flex-direction: column;
  }
  footer .container .center ul .linkPill {
    font-size: 16px;
    margin: 13px 0px;
    padding: 0px;
    display: block;
  }
  footer .container .bottom {
    padding-top: 36px;
    padding-bottom: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    flex-direction: column-reverse;
  }
  footer .container .bottom .files {
    padding-bottom: 20px;
  }
  footer .container .bottom .files a {
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 12px 0px;
  }
  footer .container .bottom .files a:hover {
    opacity: 0.6;
  }
  footer .container .bottom .rights {
    display: none;
  }
}
#CybotCookiebotDialog {
  transform: translate(-50%, -50%) scale(0.9) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #1c1c1c !important;
  border-color: #1c1c1c !important;
  color: #ffffff;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  background-color: transparent;
  border: 2px solid #1c1c1c !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid #1c1c1c !important;
  color: #1c1c1c !important;
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider, #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  background-color: #1c1c1c !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: #1c1c1c !important;
}

#CybotCookiebotDialogPoweredbyImage {
  filter: brightness(0);
}

#CookiebotWidget {
  display: none !important;
}

.safari section.allegro .container .content .box .product .shadow {
  display: none;
}

.languageDropdown {
  width: 80px;
  height: 35px;
  margin-left: 32px;
  transition: .2s ease;
}

.languageDropdown .content {
  border-radius: 17.5px;
  border: 0.5px solid #ccc;
  padding: 2px;
  overflow: hidden;
  /* height: 35px; */
}

.languageDropdown .content a {
  display: block;
  width: 100%;
  border-radius: 13px;
  line-height: 27px;
  text-align: left;
  padding-left: 9px;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  transition: .2s ease;
  height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.languageDropdown .content:hover a {
  display: block;
  height: 27px;
  text-decoration: none;
}

.languageDropdown .content:hover a span svg {
  transform: rotate(180deg);
}

.languageDropdown .content a:hover {
  background-image: linear-gradient(to bottom, #666, #333)!important;
}

.languageDropdown .content a.current {
  display: block;
  height: 27px;
  background-image: linear-gradient(to bottom, #666, #333);
}

.languageDropdown .content:hover a.current {
  background-image: none;
}

.languageDropdown .content a span {
  position: absolute;
  font-weight: 300;
  top: 50%;
  right: 6px;
  font-size: 14px;
  transform: translateY(-50%);
  filter: brightness(10000);
}

.languageDropdown .content a span svg {
  filter: brightness(10000);
  width: 10px;
  fill: #fff;
  transform: translateY(0px);
  transition: .08s ease;
}

@media (max-width: 1050px) {
  .languageDropdown {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  header .container nav .btncta {
    margin-top: 30px;
  }

  .languageDropdown .content a {
    display: block;
    height: 27px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
  }

  .languageDropdown .content a span svg {
    display: none;
  }
}

section.products {
  padding-top: 50px;
}

section.products .container .buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  height: 51px;
}

section.products .container .buttons button.switchButton {
  border-radius: 1000px;
  border: 1px solid #FFF;
  background: linear-gradient(318deg, rgba(255, 255, 255, 0.05) -22.04%, rgba(255, 255, 255, 0.03) 70.22%, rgba(255, 255, 255, 0.18) 101.45%), rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(18.939393997192383px);
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.75px;
  text-transform: uppercase;
  padding: 14px 24px;
  cursor: pointer;
  margin-left: 1px;
  margin-right: 1px;
}

section.products .container .buttons button.switchButton:last-of-type {
  font-weight: 700;
}

section.products .container .buttons button.switchButton.active, section.products .container .buttons button.switchButton:hover {
  border-radius: 10000px;
  background: var(--CTA-GRADIENT, linear-gradient(278deg, #FF3C72 7.24%, #FA5757 113.79%));
  box-shadow: 0px 0px 32px 0px rgba(247, 27, 87, 0.00);
  border: 0px;
  padding: 16px 24px;
}

section.products .container .buttons button.switchButton:hover {
  margin-left: 2px;
  margin-right: 2px;
}

section.products .container .buttons button.switchButton.active:hover {
  margin-left: 1px;
  margin-right: 1px;
}

section.products .container .content .swiperProducts#mocktail {
  display: none;
}

 
.allegro .container .contentNew {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 23px;
  margin-top: 74px;
}

.allegro .container .contentNew .box {
  height: 405px;
  background-color: grey;
  border-radius: 24px;
  position: relative;
}

.allegro .container .contentNew .box.box1 .text {
  position: absolute;
  top: 50%;
  left: 69px;
  transform: translateY(-50%);
}

.allegro .container .contentNew .box.box2 .text {
  position: absolute;
  top: 50%;
  right: 73px;
  transform: translateY(-50%);
}

.allegro .container .contentNew .box.box0 .text {
  position: absolute;
  top: 50%;
  right: 149px;
  transform: translateY(-50%);
  padding-top: 20px;
}

.allegro .container .contentNew .box.box1, .allegro .container .contentNew .box.box2 {
  box-shadow: 0px 0px 159.7px -52px rgba(255, 255, 255, 0.64);
}

.allegro .container .contentNew .box .text .pill {
  border-radius: 1000px;
  border: 1px solid #FFF;
  background: linear-gradient(180deg, #FFF 0%, #9E9E9E 100%);
  backdrop-filter: blur(18.939393997192383px);
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 28px;
  width: fit-content;
  padding: 0px 12px;
  margin: 0px auto 22px;
  line-height: 32px;
  height: 32px;
}

.allegro .container .contentNew .box .text h2 {
  font-size: 44px; 
  text-align: center;
  line-height: 110%;
}

.allegro .container .contentNew .box .text p {
  width: 496px;
  margin: 24px auto;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  max-width: 100%;
}

.allegro .container .contentNew .box .text p.mobile {
  display: none;
}

.allegro .container .swiperAllegro {
  position: relative;
}

.allegro .container .contentNew .box .corner {
  position: absolute;
  bottom: 25px;
  left: 25px;
}

.allegro .container .contentNew .box .corner h2 {
  text-align: left;
  font-size: 20px;
}

.allegro .container .contentNew .box .corner h2 span {
  font-size: 100px;
  line-height: 90px;
}

.allegro .container .contentNew .swiperContainer {
  position: relative;
  box-shadow: 0px 0px 159.7px -52px rgba(255, 255, 255, 0.64);
  border-radius: 25px;
}

.allegro .container .contentNew .swiperContainer .swiperAllegro {
  overflow: hidden;
  border-radius: 25px;
}

.allegro .container .contentNew .box {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.allegro .container .contentNew .box.box01 {
  background-image: url(../img/box01.png);
}

.allegro .container .contentNew .box.box02 {
  background-image: url(../img/box02.png);
}

.allegro .container .contentNew .box.box03 {
  background-image: url(../img/box03.png);
}

.allegro .container .contentNew .box.box04 {
  background-image: url(../img/box04.png);
}

.allegro .container .contentNew .box.box1 {
  background-image: url(../img/box1.png);
}

.allegro .container .contentNew .box.box2 {
  background-image: url(../img/box2.png);
}
@media (max-width: 1100px){
  .allegro .container .contentNew .box.box1 .text {
    max-width: 60%;
  }
  .allegro .container .contentNew .box.box0 .text {
    right: 20px;
  }
}
@media (max-width: 800px) {
  section.about .container .textSide {
    padding-top: 25px;
  }

  section.about .container .textSide h2 {
    font-size: 36px;
  }

  section.about .container .imgSide .product {
    left: 50%;
    transform: translateX(-47%);
  }

  section.about .container .imgSide .wheel {
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    top: -90px;
  }

  section.about .container .imgSide {
    top: 240px;
  }

  section.about .container .imgSide .product {
    z-index: 1;
  }

  section.about .container .textSide p {
    margin-top: 470px;
  }

  section.products .container .content .swiperProducts .swiper-slide .packshot.packshotCan {
    width: 90vw;
    height: 90vw;

    width: 80vw;
    height: 80vw;
  }

  section.products .container .content .swiperProducts .swiper-slide.product4 .textBox:nth-of-type(2) {
    right: 74%;
  }

  section.products .container .buttons {
    flex-direction: column;
    margin-top: 70px;
    margin-bottom: 60px;
  }

  section.products .container .buttons button.switchButton {
    width: 182px;
  }
  .allegro .container .contentNew {
    margin: 45px auto 0;
    max-width: 500px;
  }
  .allegro .container .contentNew .box {
    height: auto;
    aspect-ratio: 7 / 10;
    max-width: 500px;
  }
  .allegro .container .contentNew .box .corner {
    display: none;
  }
  .allegro .container .contentNew .box.box0 .text {
    padding: 0;
  }
  .allegro .container .contentNew .box.box01 {
      background-image: url(../img/box1-mobile.webp);
  }
  .allegro .container .contentNew .box.box1 .text {
    max-width: 100%;
  }
  .allegro .container .contentNew .box.box02 {
    background-image: url(../img/box2-mobile.webp);
  }

  .allegro .container .contentNew .box.box03 {
    background-image: url(../img/box3-mobile.webp);
  }

  .allegro .container .contentNew .box.box04 {
    background-image: url(../img/box4-mobile.webp);
  }
  .allegro .container .contentNew .box .text {
    left: 0 !important;
    right: 0 !important;
    top: 22px !important;
    transform:none !important;
    /*height: 500px !important;*/
    padding: 0 4px;
  }
  .allegro .container .contentNew .box .text p {
    margin-bottom: 0px;
    line-height: 28px;
    margin-top: 6px;
  }
  .allegro .container .contentNew .box .text p.desktop {
    display: none;
  }
  .allegro .container .contentNew .box .text p.mobile {
    display: block;
  }
  .allegro .container .contentNew .box .text h2 {
    font-size: 30px;
    line-height: normal;
    letter-spacing: -1.5px;
    -webkit-text-stroke-width: 1px;
  }
  .allegro .container .contentNew .box .text .pill {
    margin-bottom: 16px;
  }
  .swiper-button {
    display: none;
  }
  .allegro .container .contentNew .box.box1 {
    background-image: url(../img/zestaw-mobile.webp);
    min-height: 500px;
  }
  .allegro .container .contentNew .swiperContainer {
    max-width: 500px;

  }
  .allegro .container .contentNew .box.box2 {
    background-image: url(../img/baza-mobile.webp);
  }

  section.about .container .textSide p {
    line-height: 160%;
  }
}

section.heroNew {
  height: calc(100vh - 17px);
  display: flex;
  gap: 17px;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(140vw + 17px);
}

section.heroNew .slide {
  width: 70vw;
  height: 100%;
  background-color: black;
  border-radius: 25px;
  position: relative;
  transition: ease 0.4s 0s;
  overflow: hidden;
}

section.heroNew .slide h1, section.heroNew .slide h2 {
  padding-bottom: 60px;
  position: absolute;
  left: 4vw;
  top: 50%;
  transform: translateY(-50%) translateX(0px);
  color: #fff;
  text-align: left;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 46px;
  line-height: 92%;
  z-index: 2;
}

section.heroNew .slide h1 span, section.heroNew .slide h2 span {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}

.toDown {
  position: absolute;
  bottom: 53px;
  left: 4vw;
  transform: none;
}

.toDown:hover {
  transform: scale(1.25);
}

section.heroNew .slide1 {
  background-image: url(../img/bg1.png);
  background-size: cover;
  background-position: center;
}

section.heroNew .slide2 {
  background-image: url(../img/bg2.png);
  background-size: cover;
  background-position: center;
}

section.heroNew .slide .product {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
  transition: ease 0.4s 0s;
}

section.heroNew .slide .productBg {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

section.heroNew.secondSlide .slide {
  transform: translateX(calc(-41.5vw - 17px));
}

section.heroNew .slide1 {
  cursor: default;
}

section.heroNew .slide2 {
  cursor: pointer;
}

section.heroNew.secondSlide .slide1 {
  cursor: pointer;
}

section.heroNew.secondSlide .slide2 {
  cursor: default;
}

section.heroNew .slide:not(.active) h2,
section.heroNew .slide:not(.active) h1,
section.heroNew .slide:not(.active) .toDown {
  opacity: 0;
  margin-left: -50px;

  transition: ease 0.3s 0s;
}

section.heroNew .slide.active h2,
section.heroNew .slide.active h1,
section.heroNew .slide.active .toDown {
  transition: ease 0.4s 0.3s;
}

section.heroNew .slide .productBg {
  transition: ease 0.5s 0.1s;
}

section.heroNew .slide.active .productBg {
  transform: scale(1);
}

section.heroNew .slide:not(.active) .productBg {
  transform: scale(0);
}

section.heroNew .slide.slide2 .product {
  height: 97%;
  top: auto;
  bottom: 0px;
}

section.heroNew .slide.slide2:not(.active) .product {
  transform: translateX(-29%);
}

section.heroNew .slide.slide1:not(.active) .product {
  transform: translateX(29%);
}

.mobileElement {
  display: none;
}

section.heroNew .slide .side {
  display: none;
}

section.heroNew .swiperMiniProducts {
  position: absolute;
  bottom: 40px;
  right: 0px;
  z-index: 3;
  width: fit-content;
  width: 306px;
  overflow: hidden;
  transition: ease-in-out .4s;
  margin-right: 0px;
}

section.heroNew .slide.slide1:not(.active) .swiperMiniProducts {
  margin-right: -306px;
}

section.heroNew .swiperMiniProducts .swiper-wrapper {
  width: 306px;
}

section.heroNew .swiperMiniProducts .swiper-slide {
  width: 240px;
  height: 330px;
  display: block;
  position: relative;
  cursor: pointer;
}

section.heroNew .swiperMiniProducts .swiper-slide .packshotBg {
  width: 240px;
  height: 240px;
  object-fit: cover;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

section.heroNew .swiperMiniProducts .swiper-slide .packshot {
  width: 330px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scale(0.75);
  bottom: 20px;
  transition: ease-in-out .5s .2s;
}

section.heroNew .swiperMiniProducts .swiper-slide.swiper-slide-active .packshot {
  transform: translateX(-50%) scale(1);
}

.languageDropdown .content a.current {
  background: linear-gradient(180deg, #FFF 0%, #9E9E9E 100%);
}

.languageDropdown .content a:hover {
  background: linear-gradient(180deg, #FFF 0%, #9E9E9E 100%)!important;
}

.languageDropdown .content a {
  color: #000;
}

.languageDropdown .content a span {
  filter: brightness(0);
}

section.socials .container .content .swiperSocials .swiper-slide .smallPhotos {
  gap: 20px;
}

section.socials .container .content .swiperSocials .swiper-slide .smallPhotos img {
    aspect-ratio: 1 / 1;
}

@media (max-width: 750px) {
  section.heroNew .slide h1, section.heroNew .slide h2 {
    text-align: center;
    font-size: 34px;
    left: 50%;
    top: 50%;
    transform: translateY(0px) translateX(-50%) translateX(0px);
    width: 100%;
    top: 90px;
    line-height: 110%;
  }

  .brDesktop {
    display: none;
  }

  section.heroNew .slide {
    width: 100vw;
    border-radius: 12px;
  }

  section.heroNew {
    width: 200vw;
    gap: 0px;
  }

  section.heroNew .slide.active .toDown {
    display: none;
  }

  section.heroNew .slide .product, section.heroNew .slide .productBg {
    width: 500px;
    height: 100%;
    left: 50%;
    transform: translateX(-50%) scale(1);
    height: auto;
    top: 180px;
  }

  section.heroNew .slide.slide1:not(.active) .product {
    transform: translateX(-50%) scale(0);
  }

  section.heroNew .slide.slide2:not(.active) .product {
    transform: translateX(-50%) scale(0);
  }

  section.heroNew .slide .productBg {
    transform: translateX(-50%) scale(0);
  }

  section.heroNew .slide.active .productBg {
    transform: translateX(-50%) scale(1);
  }

  section.heroNew .slide:not(.active) .productBg {
    transform: translateX(-50%) scale(0);
  }

  section.heroNew {
    height: 900px;
  }

  section.heroNew .slide .side {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 17px;
    border-radius: 12px 0px 0px 12px;
    z-index: 3;
    display: block;
  }

  section.heroNew .slide.slide1 .side {
    background-color: #ECBB20;
  }

  section.heroNew .slide.slide2 .side {
    background-color: #E6332A;
  }

  section.heroNew .slide .side .point {
    width: 98px;
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
  }

  .mobileElement {
    display: block;
    width: 48px;
  }

  section.heroNew.secondSlide .slide {
    transform: translateX(-100vw);
  }

  section.heroNew .swiperMiniProducts .swiper-slide .packshot {
    width: 280px;
  }
}