/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/scss/soci.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* 560 */
/* 670 */
/* 680 */
/* 820 */
/* 830 */
/* 920 */
/* 1000 */
/* 1060 */
/* 1160 */
/* 1200 */
/* 1340 */
/* 1360 */
/* 1400 */
/* 1440 */
/* 1500 */
/* 1520 */
/* 1550 */
/* 1580 */
/* 1600 */
.soci {
  width: 2.08vw;
  height: 2.08vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  display: block;
}
@media only screen and (max-width: 590px) {
  .soci {
    width: 7.78vw;
    height: 7.78vw;
  }
}
.sociVk {
  background-image: url(/public/assets-dist/icons/soci-vk.a23a003b66ce9ffc0884.svg);
}
.sociVk:hover {
  background-image: url(/public/assets-dist/icons/soci-vk-active.d78e0b4bdee182ca3670.svg);
}
.sociOk {
  background-image: url(/public/assets-dist/icons/soci-ok.5d3a0307fb163fabb5fa.svg);
}
.sociOk:hover {
  background-image: url(/public/assets-dist/icons/soci-ok-active.e6321cabab6b0241f9b9.svg);
}
.sociTelegram {
  background-image: url(/public/assets-dist/icons/soci-telegram.35e8728128a4e6154a14.svg);
}
.sociTelegram:hover {
  background-image: url(/public/assets-dist/icons/soci-telegram-active.e790f66f9bbefe52f191.svg);
}
.sociWhatsapp {
  background-image: url(/public/assets-dist/icons/soci-whatsapp.50b0bf91e9c1bfcff0af.svg);
}
.sociWhatsapp:hover {
  background-image: url(/public/assets-dist/icons/soci-whatsapp-active.1aebdb9eb397383c35db.svg);
}
.soci:hover {
  cursor: pointer;
}

.wrapShare {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.04vw;
  padding-top: 1.56vw;
  border-top: 1px solid #dddddd;
}
@media only screen and (max-width: 590px) {
  .wrapShare {
    gap: 2.78vw;
    padding-top: 5.55vw;
    margin-top: 6vw;
  }
}
.wrapShare span {
  font-weight: 400;
  font-size: 0.78vw;
  color: #363636;
}
@media only screen and (max-width: 590px) {
  .wrapShare span {
    font-size: 3.61vw;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/scss/components/about-page.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/* 560 */
/* 670 */
/* 680 */
/* 820 */
/* 830 */
/* 920 */
/* 1000 */
/* 1060 */
/* 1160 */
/* 1200 */
/* 1340 */
/* 1360 */
/* 1400 */
/* 1440 */
/* 1500 */
/* 1520 */
/* 1550 */
/* 1580 */
/* 1600 */
.blockAboutPage {
  padding: 3.125vw 0vw 6vw 0vw;
}
@media only screen and (max-width: 590px) {
  .blockAboutPage {
    padding: 15vw 0vw 20vw 0vw;
  }
}
.blockAboutPage .blockContent,
.blockAboutPage .wrapShare {
  width: 66.15vw;
  margin: auto;
}
@media only screen and (max-width: 590px) {
  .blockAboutPage .blockContent,
  .blockAboutPage .wrapShare {
    width: 100%;
  }
}
.blockAboutPage .artBigImg {
  width: 79.69vw;
  position: relative;
  left: 50%;
  transform: translate3d(-50%, 0px, 0px);
}
@media only screen and (max-width: 590px) {
  .blockAboutPage .artBigImg {
    width: 100%;
  }
}
.blockAboutPage .artBigImg img {
  width: 100%;
  height: 23.125vw;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 590px) {
  .blockAboutPage .artBigImg img {
    height: 62.5vw;
  }
}
