#main {

  margin-top: 55px;

}



/*Первый блок*/



.block-cnt {

  width: 100%;

  max-width: 1720px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}





.block-cnt1 {

  width: 100%;

  max-width: 1720px;

  margin: 0 auto;

}







.firs_block-page {

    display: flex;

    justify-content: space-between;

      	margin-top: -55px;

    padding-top: 100px;

    padding-bottom: 150px;

    padding-left: 100px;

    padding-right: 100px;

    background-color: #A0FFF4;

    background-image: url(/wp-content/uploads/2023/03/SS_About.png);

    background-repeat: no-repeat;

    background-position: 60% bottom;

    border-bottom: 3px solid white;

}



.title_description h2 {

    font-size: 40px;

    font-weight: 700;

    line-height: 48px;

    margin-bottom: 55px;

    width: 700px;

}



.title_description p {

    font-size: 19px;

    font-weight: 500;

    width: 550px;

    margin-bottom: 55px;

}



.search-btn-main-privacy {

  width: 100%;

  max-width: 150px;

  height: 100%;

  background: #4D4D4D;

  border-radius: 20px;

  text-align: center;

  padding: 10px;



  position: absolute;

  top: 0;

  right: 0;

}

#search {

  border: 1px solid #4D4D4D;

}





.search {

    max-width: 500px;

    height: 40px;

    width: 100%;

    position: relative;

}



.form-control {

    width: 100%;

    height: 40px;

    border: 1px solid rgba(0, 0, 0, 0.3);

    border-radius: 20px;

    background: transparent;

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

    padding: 0 150px 0 20px;

}



.btn-sm {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    max-width: 150px;

    width: 100%;

    background: #4D4D4D;

    border-radius: 20px;

    border: none;

    cursor: pointer;

    transition: 0.5s;

}



.btn-sm:hover {

    opacity: 0.6;

}



.icons {

    display: flex;

    justify-content: space-between;

    width: 500px;

}



.icon {

    display: flex;

}



.icon h3 {

    font-size: 19px;

    margin-left: 14px;

    font-weight: 500;

}



/*Второй блок*/

.about_description {

    padding: 100px;

    border-bottom: 3px solid white;

}



.about_description h2 {

    font-size: 40px;

    font-weight: 700;

    line-height: 48px;

    margin-bottom: 30px;

}



.about_description p {

    font-size: 19px;

	text-align: justify;

}



/*Третий блок*/

.about_foto {

    padding: 100px;

    border-bottom: 3px solid white;

    height: 1600px;

}



.about_foto img{

    border-radius: 10px;

}





.about_foto h2 {

    font-size: 40px;

    font-weight: 700;

    line-height: 48px;

    margin-bottom: 30px;

    width: 870px;

    margin-bottom: 96px;

}



.foto_description {

	padding-left: 130px;

	padding-right: 130px;

	position: relative;

	max-width: 1500px;

	margin: auto;

}



.foto_description > img {

	box-shadow: var(--box-shadow-6);

}



.inclusivity {

	position: absolute;

	left: 33%;

	top: 220px;

	width: 400px;

	background: white;

	border-radius: 10px;

	padding: 30px;

	z-index: 10;

	box-shadow: var(--box-shadow-4);

}



.inclusivity p,

.positivity p,

.respect p {

    font-size: 22px;

    line-height: normal;

    text-align: justify;

}



.inclusivity h3,

.positivity h3,

.respect h3 {

  font-size: 22px;

}



.positivity {

  position: absolute;

  left: 15%;

  top: 680px;

  width: 400px;

  background: white;

  border-radius: 10px;

  padding: 30px;

  z-index: 10;

	box-shadow: 0px 0px 25px 4px rgb(0 0 0 / 10%);

}



.respect {

  position: absolute;

  right: 13%;

  top: 1000px;

  width: 400px;

  background: white;

  border-radius: 10px;

  padding: 30px;

  z-index: 10;

	box-shadow: 0px 0px 25px 4px rgb(0 0 0 / 10%);

}



.sloi-27,

.sloi-26,

.sloi-25,

.sloi-24,

.sloi-23 {

  object-fit: cover;

}



.sloi-27 {

    position: absolute;

    top: 500px;

    left: 50%;

    width: 300px;

    height: 250px;

    object-fit: cover;

}



.sloi-26 {

  position: absolute;

  left: 5%;

  width: 500px;

  height: 600px;

}



.sloi-25 {

    position: absolute;

    top: 88px;

    right: 15%;

    width: 450px;

    height: 300px;

}

.sloi-24 {

  position: absolute;

  top: 800px;

  left: 35%;

  width: 450px;

  height: 300px;

}





.sloi-23 {

    position: absolute;

    top: 450px;

    right: 0%;

    width: 400px;

    height: 600px;

}





.swiper-button-next-best-selling {

  right: -90px;

}



.swiper-button-prev-best-selling {

  left: -90px;

}





/*Слайдер товаров*/

.product_slider {

  margin: auto;

  max-width: 1920px;

  width: 100%;

  padding: 100px;

}



.product_slider h2 {

    font-size: 37px;

    margin-bottom: 50px;

}



.product_slider h2 > span {

    color: #A0FFF4;

}



.slider {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.sale {

    background: #A0FFF4;

    border-radius: 25px;

    position: absolute;

    top: 30px;

    left: -50px;

}



.sale h3 {

    font-size: 19px;

    font-weight: 500;

    margin: 1px 35px 1px 35px;

}



.product_price {

    margin: 0 20px 20px 20px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.price {

    display: flex;

    align-items: center;

    background: #0000;

    border-radius: 25px;



}

.amount {

color:#4D4D4D!important;

}



.discount_price {

    background: #A0FFF4;

    border-radius: 25px;

    padding: 3px 15px 3px 15px;

}



.discount_price h3 {

    font-size: 22px;

    font-weight: 500;

    margin: 0;

    padding-right: 10px;

}



.basic_price {

    padding: 3px 25px 3px 15px;

}



.basic_price h3 {

    font-size: 19px;

    font-weight: 500;

    color: #9b9b9b;

    margin: 0;

}



.save {

    font-size: 16px;

    font-weight: 500;

}



.goods {

  padding: 0px;

}





@media screen and (max-width: 1700px) {

  .sloi-27 {

    width: 250px;

    height: 180px;

    left: 47%;

  }

}



@media screen and (max-width: 1440px) {

    .sloi-26 {

        width: 28vw;

        height: 35vw;

        left: 10vw;

    }

    

    .sloi-25 {

        width: 28vw;

        height: 18vw;

        top: 10vw;

        right: 15vw;

    }

    

    .sloi-24 {

        width: 25vw;

        height: 18vw;

        top: 70vw;

        left: 23vw;

    }

    

    .sloi-23 {

      width: 21vw;

      height: 35vw;

      top: 35vw;

      right: 8vw;

    }

    

    .sloi-27 {

        width: 18vw;

        height: 14vw;

        top: 48vw;

        left: 40vw;

    }



    .inclusivity {

      top: 23vw;

      left: 33vw;

    }



    .positivity {

      top: 55vw;

      left: 15vw;

    }



    .respect {

      top: 68vw;

      right: 20vw;

    }

	

	.firs_block-page {

  padding-left: 40px;

  padding-right: 40px;

}

	

	.about_description {

  padding: 100px 40px;

}

	

	.about_foto {

padding: 100px 40px;

}

	

	.product_slider {

  padding: 100px 40px;

}



}



@media screen and (max-width: 1366px) {



  .sloi-26 {

    width: 26vw;

    height: 33vw;

  }



  .inclusivity {

    top: 22vw;

    left: 30vw;

  }



  .sloi-25 {

    width: 25vw;

    height: 16vw;

    top: 10vw;

    right: 18vw;

  }



  .sloi-27 {

    width: 16vw;

    height: 12vw;

    top: 45vw;

  }



  .positivity {

    top: 50vw;

    left: 13vw;

  }



  .respect {

    top: 65vw;

    right: 18vw;

  }



  .sloi-24 {

    width: 24vw;

    height: 16vw;

    top: 67vw;

    left: 24vw;

  }



}



@media screen and (max-width: 1280px) {



  .sloi-27 {

    width: 18vw;

    height: 12vw;

    left: 43vw;

    top: 48vw;

  }



  .sloi-25 {

    right: 15vw;

  }



  .sloi-24 {

    top: 70vw;

  }



  .sloi-23 {

    right: 5vw;

  }



  .positivity {

    top: 52vw;

    left: 9vw;

  }



  .respect {

    top: 67vw;

    right: 15vw;

  }



}



@media screen and (max-width: 1024px) {



  .inclusivity h3, .positivity h3, .respect h3 {

    font-size: 16px;

  }



  .sloi-27 {

    width: 200px;

    height: 140px;

    left: 37%;

    top: 420px;

  }



  .sloi-26 {

    width: 300px;

    height: 380px;

    left: 12%;

  }



  .sloi-25 {

    width: 300px;

    height: 200px;

    top: 100px;

    right: 15%;

  }



  .sloi-24  {

    top: 650px;

    left: 20%;

  }



  .sloi-23 {

    width: 300px;

    height: 420px;

    top: 350px;

    right: 7%;

  }



  .inclusivity,

  .positivity,

  .respect {

    width: 270px;

    padding: 20px;

  }



  .inclusivity {

    top: 250px;

    left: 38%;

  }



  .positivity {

    left: 13%;

    top: 500px;

  }



  .respect {

    top: 750px;

    right: 17%;

  }

 

.firs_block-page {

  padding-top: 120px!important;

  padding-bottom: 40px!important;

  padding-left: 20px!important;

  padding-right: 20px!important;

  background-size: 500px!important;

}

	



.search-btn-main-privacy{

  width: 30% !important;

  height: 27px !important;

  border-radius: 30px !important;

  text-align: center !important;

  padding: 6px !important;

}

	

	

.title_description h2{

  font-size: 22px !important;

  font-weight: 700 !important;

  line-height: 28px !important;

  margin-bottom: 17px !important;

  text-align: left !important;

  width: auto !important;

}

	

.title_description p{

  text-align: left !important;

  font-weight: 300 !important;

  font-size: 14px !important;

  line-height: 16px !important;

  width: auto !important;

  margin-bottom: 25px!important;

}

	

.block-cnt {

  width: 50%;

  display: block!important;

  margin: 0;

}	

	

.icons {

  display: flex!important;

  justify-content: space-between!important;

  width: auto!important;

}

	

.icons h3{

  font-size:12px!important;

  margin-left: 0px;

}

.icons img{

  width:16x!important;

  height:16px!important;

  object-fit:contain!important;

}

	

.ser{margin-top:190px;}	

	

	

  .about_description{

    padding: 40px 20px;

  }

	

	.block-cnt1 h2{

    font-size: 22px !important;

    font-weight: 700 !important;

    line-height: 28px !important;

    margin-bottom: 17px !important;

    text-align: left !important;

    width: auto !important;

  }

    

  .block-cnt1 p{

    font-weight: 300 !important;

    font-size: 14px !important;

    line-height: 16px !important;

    width: auto !important;

    margin-bottom: 25px!important;

  }

    

  .about_foto	{

    padding: 40px 20px;

    height: 1050px!important;

  }



  .about_foto img {

    border-radius: 12px!important;

  }



  .positivity p,

  .inclusivity p,

  .respect p {

    margin: 0 !important;

  }



	

	.product_slider {

    padding: 50px 20px!important;

    width: 100%!important;

  }	

	

  .product_slider > h2	{

    text-align: left;

    font-size: 22px !important;

    margin-bottom: 20px !important;

  }

	

  .swiper {

    margin: -20px!important;

  }



  .swiper-slide.swiper-slide-best-selling {

    padding: 0 20px !important;

  }



}



@media (max-width: 900px) {



  .sloi-26 {

    width: 33vw;

    height: 40vw;

    left: 6vw;

  }



  .inclusivity {

    top: 27vw;

    left: 25vw;

  }



  .sloi-25 {

    width: 30vw;

    height: 20vw;

    top: 13vw;

    right: 20vw;

  }



  .sloi-27 {

    width: 21vw;

    height: 15vw;

    left: 27vw;

    top: 47vw;

  }



  .positivity {

    left: 5vw;

    top: 55vw;

  }



  .sloi-23 {

    width: 28vw;

    height: 40vw;

    top: 38vw;

    right: 14vw;

  }



  .sloi-24 {

    width: 30vw;

    height: 21vw;

    top: 72vw;

    left: 12vw;

  }



  .respect {

    top: 75vw;

    right: 21vw;

  }



}



@media (max-width: 768px) {



  .block-cnt {

    width: 100%;

  }



  .search {

    max-width: unset;

  }



  .about_foto {

    height: auto !important;

  }



  .foto_description {

    width: 100%;

    max-width: unset;

    display: grid;

    grid-template-columns: repeat(11, 1fr);

    grid-template-rows: repeat(5, auto);

    grid-auto-flow: column dense;

    gap: 20px;

    padding: 0;

    position: static;

  }



  .foto_description img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }



  .foto_description > div,

  .foto_description img {

    border-radius: var(--border-radius-1) !important;

  }



  .sloi-27,

  .sloi-26,

  .sloi-25,

  .sloi-24,

  .sloi-23 {

    width: 100%;

    height: auto;

    position: static;

  }



  .sloi-26 {

    grid-column: 1 / 7;

    grid-row: span 2;

  }



  .sloi-25,

  .inclusivity {

    grid-column: 7 / 12;

  }



  .sloi-25 {

    grid-row: 1 / 2;

  }



  .sloi-27,

  .sloi-24,

  .positivity {

    grid-column: 1 / 6;

  }



  .positivity {

    grid-row: 4 / 5;

  }



  .sloi-24 {

    grid-column: 1 / 7;

    grid-row: 5 / 6;

  }

  

  .respect {

    grid-column: 7 / 12;

    grid-row: 5 / 6;

  }



  .sloi-23 {

    grid-column: 6 / 12;

    grid-row: span 2;

  }



  .inclusivity,

  .positivity,

  .respect {

    width: 100%;

    height: auto;

    position: static;

  }



}



@media (max-width: 576px) {



  .foto_description img {

    aspect-ratio: 4 / 3;

  }



  .sloi-26,

  .sloi-23 {

    display: none;

  }



  .sloi-27,

  .positivity,

  .sloi-25,

  .inclusivity,

  .sloi-24,

  .respect {

    grid-column: -1 / 1;

  }



  .respect {

    grid-row: auto;

  }



  .positivity,

  .inclusivity,

  .respect {

    padding: 20px 16px;

  }



}