@charset "UTF-8";
.page-title {
  color: #FFF;
  font-family: Bounded;
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 40px;
}
@media (max-width: 990px) {
  .page-title {
    font-size: 46px;
  }
}
@media (max-width: 540px) {
  .page-title {
    font-size: 28px;
  }
}
/* Секция опсиания */
.pokraska-page-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  margin-top: 40px;
  max-width: 976px;
}
.pokraska-page-title p {
  color: #D1C7DE;
  font-family: Onest;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 990px) {
  .pokraska-page-title p {
    font-size: 20px;
  }
}
@media (max-width: 540px) {
  .pokraska-page-title p {
    font-size: 18px;
  }
}
.pokraska-page-title span {
  color: #D1C7DE;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
@media (max-width: 990px) {
  .pokraska-page-title span {
    font-size: 16px;
  }
}
@media (max-width: 540px) {
  .pokraska-page-title span {
    font-size: 14px;
  }
}
.pokraska-page-title span a {
  color: #FFF;
}
@media (max-width: 990px) {
  .pokraska-page-title span a {
    font-size: 16px;
  }
}
@media (max-width: 540px) {
  .pokraska-page-title span a {
    font-size: 14px;
  }
}
.pokraska-page-title .price-block {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 990px) {
  .pokraska-page-title .price-block {
    display: none;
  }
}
.pokraska-page-title .price-block p {
  color: #FFF;
  font-family: Bounded;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.pokraska-page-title .price-block span {
  color: #FFF;
  font-family: Onest;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
/* конец секции описания */
/* Секция услуг */
.pokraska-service-block h3 {
  color: #FFF;
  font-family: Bounded;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  align-self: flex-start;
  margin-bottom: 40px;
}
@media (max-width: 990px) {
  .pokraska-service-block h3 {
    font-size: 36px;
  }
}
@media (max-width: 540px) {
  .pokraska-service-block h3 {
    font-size: 26px;
  }
}
.pokraska-service-block .razdels.group_list {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.razdel.pokras-block {
  display: flex;
  padding: 20px 0;
  align-items: center;
  gap: 31px;
  align-self: stretch;
  border-top: 1px solid #332248;
  border-bottom: 1px solid #332248;
}
@media (max-width: 540px) {
  .razdel.pokras-block {
    flex-direction: column;
    align-items: flex-start;
  }
}
.razdel.pokras-block .pokras-text {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}
@media (max-width: 990px) {
  .razdel.pokras-block .pokras-text {
    flex-direction: column;
    width: 100%;
  }
}
.razdel.pokras-block .pokras-text span {
  color: #FFF;
  font-family: Bounded;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
}
@media (max-width: 1250px) {
  .razdel.pokras-block .pokras-text span {
    font-size: 20px;
  }
}
@media (max-width: 540px) {
  .razdel.pokras-block .pokras-text span {
    font-size: 16px;
  }
}
.razdel.pokras-block .pokras-text p {
  color: #D1C7DE;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  width: 100%;
}
@media (max-width: 540px) {
  .razdel.pokras-block .pokras-text p {
    font-size: 14px;
  }
}
.razdel.pokras-block img {
  width: 30%;
  border-radius: 8px;
}
@media (max-width: 540px) {
  .razdel.pokras-block img {
    width: 70%;
  }
}
/* конец секции услуг */
/* стили для видео */
.video-section {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.video-title {
  display: inline-flex;
  justify-content: space-between;
  max-width: 100%;
  flex-direction: column;
  align-self: flex-start;
  gap: 40px;
}
.video-title h2 span {
  color: #E05200;
  font-family: Bounded;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 990px) {
  .video-title h2 span {
    font-size: 30px;
  }
}
@media (max-width: 540px) {
  .video-title h2 span {
    font-size: 22px;
  }
}
.video-title > .title-h2 {
  width: 100%;
  max-width: 864px;
}
.video-title > .title-p {
  width: 100%;
  max-width: 864px;
}
.to-gallery {
  display: flex;
  align-items: center;
  color: #fff;
  margin-top: 40px;
  font-size: 20px;
}
.to-gallery:hover {
  color: #fff;
  opacity: 0.7;
  text-decoration: none;
}
.preview {
  border-radius: 15px;
}
.descr {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 32px;
}
.descr-adv {
  display: flex;
  width: 33%;
  flex-direction: column;
  align-items: flex-start;
}
.descr-adv > h3 {
  color: #FFF;
  font-family: Onest;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
}
.descr-adv > p {
  color: #D1C7DE;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  margin: 0;
}
.feature-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}
/* video */
.vid-bl {
  display: flex;
  margin: 40px 0 40px 0;
}
.vid-bl > div {
  width: 100%;
}
.vid-bl > div.video {
  display: grid;
}
.vid-bl .descr p {
  font-size: 18px;
  padding-left: 25px;
  margin-bottom: 28px;
  margin-top: 12px;
  position: relative;
}
.vid-bl .descr p:nth-child(1):before {
  content: "1";
}
.vid-bl .descr p:nth-child(2):before {
  content: "2";
}
.vid-bl .descr p:nth-child(3):before {
  content: "3";
}
.vid-bl .descr p:before {
  position: absolute;
  font-size: 80px;
  font-weight: 500;
  line-height: 1;
  top: -22px;
  left: 0;
  z-index: -1;
}
.video_block .video {
  display: flex;
}
.video_block .video .text {
  margin-left: 20px;
}
.video_block .video-image {
  flex-basis: 45%;
}
.video-image {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 100%;
}
.video-image a {
  border-bottom: none;
}
.video-prev {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}
.video-prev__circle {
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.5) 0 4px 20px 0.5px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.video-prev:hover .video-prev__circle {
  background-color: white;
  transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
}
.video-prev__triangle {
  display: block;
  border-top: 13px solid transparent;
  border-left: 18px solid;
  color: #1D0E38;
  border-bottom: 13px solid transparent;
  position: absolute;
  top: 50%;
  left: calc(50% + 4px);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
@media (max-width: 991px) and (min-width: 768px) {
  .video-title {
    flex-direction: column;
    gap: 30px;
  }
  .video-title > .title-h2 {
    width: 100%;
  }
  .video-title > .title-p {
    width: 100%;
  }
  .descr {
    flex-wrap: wrap;
    gap: 20px;
  }
  .descr-adv {
    width: 47%;
  }
}
@media (max-width: 768px) and (min-width: 540px) {
  .video-title {
    flex-direction: column;
    gap: 20px;
  }
  .video-title > .title-h2 {
    width: 100%;
    font-size: 30px;
  }
  .video-title > .title-p {
    width: 100%;
    font-size: 20px;
  }
  .descr-adv > h3 {
    font-size: 20px;
  }
  .to-gallery {
    font-size: 18px;
    margin-top: 20px;
  }
  .descr {
    flex-wrap: wrap;
    gap: 20px;
  }
  .descr-adv {
    width: 47%;
  }
}
@media (max-width: 539px) {
  .video-title {
    flex-direction: column;
    gap: 20px;
  }
  .video-title > .title-h2 {
    width: 100%;
    font-size: 22px;
  }
  .video-title > .title-p {
    width: 100%;
    font-size: 18px;
  }
  .descr-adv > h3 {
    font-size: 20px;
  }
  .to-gallery {
    font-size: 16px;
    margin-top: 20px;
  }
  .descr {
    flex-wrap: wrap;
    gap: 20px;
  }
  .descr-adv {
    width: 100%;
  }
  .descr-adv > p {
    font-size: 14px;
  }
  .vid-bl {
    margin: 20px 0;
  }
  .vid-bl img {
    min-height: 226px;
    object-fit: cover;
  }
  .feature-icon {
    margin-bottom: 0;
  }
  .feature-icon > img {
    max-width: 90%;
  }
}
/* конец секции с видео */
/* Секиця сравнения */
.pokraska-diff-block h2 {
  color: #FFF;
  font-family: Bounded;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  align-self: flex-start;
  margin-bottom: 40px;
}
@media (max-width: 990px) {
  .pokraska-diff-block h2 {
    font-size: 30px;
  }
}
@media (max-width: 540px) {
  .pokraska-diff-block h2 {
    font-size: 22px;
  }
}
.pokraska-diff-block .comparison {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  width: 100%;
}
@media (max-width: 990px) {
  .pokraska-diff-block .comparison {
    flex-direction: column;
    align-items: flex-start;
  }
}
.pokraska-diff-block .comparison-inside-with {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  border-radius: 15px;
  border: 1px solid #2C1A4C;
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 990px) {
  .pokraska-diff-block .comparison-inside-with {
    width: 100%;
    padding: 30px;
  }
}
@media (max-width: 540px) {
  .pokraska-diff-block .comparison-inside-with {
    width: 100%;
    padding: 20px;
  }
}
.pokraska-diff-block .comparison-inside-with h3 {
  color: #FFF;
  font-family: Bounded;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 990px) {
  .pokraska-diff-block .comparison-inside-with h3 {
    font-size: 26px;
  }
}
@media (max-width: 540px) {
  .pokraska-diff-block .comparison-inside-with h3 {
    font-size: 18px;
  }
}
.pokraska-diff-block .comparison-inside-with .comparison-block ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.pokraska-diff-block .comparison-inside-with .comparison-block ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #D1C7DE;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
@media (max-width: 540px) {
  .pokraska-diff-block .comparison-inside-with .comparison-block ul li {
    font-size: 14px;
  }
}
.pokraska-diff-block .comparison-inside-without {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  align-self: stretch;
  border-radius: 15px;
  background: #2C1A4C;
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 990px) {
  .pokraska-diff-block .comparison-inside-without {
    width: 100%;
    padding: 30px;
  }
}
@media (max-width: 540px) {
  .pokraska-diff-block .comparison-inside-without {
    width: 100%;
    padding: 20px;
  }
}
.pokraska-diff-block .comparison-inside-without h3 {
  color: #FFF;
  font-family: Bounded;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 990px) {
  .pokraska-diff-block .comparison-inside-without h3 {
    font-size: 26px;
  }
}
@media (max-width: 540px) {
  .pokraska-diff-block .comparison-inside-without h3 {
    font-size: 18px;
  }
}
.pokraska-diff-block .comparison-inside-without .comparison-block ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.pokraska-diff-block .comparison-inside-without .comparison-block ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #D1C7DE;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
@media (max-width: 540px) {
  .pokraska-diff-block .comparison-inside-without .comparison-block ul li {
    font-size: 14px;
  }
}
/* Конец секции сравнения */
/* Стили слайдера */
.slider-section {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0%;
}
.container-slider {
  max-width: 100%;
  overflow: hidden;
  display: flex;
  justify-self: center;
  margin-left: auto;
  margin-bottom: 6%;
}
.slider-title {
  display: inline-flex;
  justify-content: space-between;
  max-width: 100%;
  margin-bottom: 40px;
  flex-wrap: wrap;
  gap: 30px;
}
.slider-title > .title-h2 {
  color: #FFF;
  font-family: Bounded;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.slider-title > .title-p {
  color: #D1C7DE;
  font-family: Onest;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.slider-title > .title-h2, .title-p {
  width: 48%;
}
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.swiper-button-next, .swiper-button-prev {
  color: #fff;
}
.swiper-pagination-bullet {
  background-color: #fff;
}
.img-responsive {
  width: 640px;
  height: auto;
  border-radius: 15px;
}
@media (max-width: 1314px) and (min-width: 992px) {
  .slider-section {
    overflow: hidden;
  }
  .container-slider {
    max-width: 100%;
    margin-left: auto;
  }
  .swiper-container {
    margin-left: 0;
  }
  .slider-title > .title-h2 {
    font-size: 30px;
  }
  .slider-title > .title-p {
    font-size: 20px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .slider-section {
    overflow: hidden;
  }
  .container-slider {
    max-width: 100%;
    margin-left: auto;
  }
  .swiper-container {
    margin-left: 0;
  }
  .slider-title > .title-h2 {
    width: 100%;
  }
  .slider-title > .title-p {
    width: 100%;
  }
  .slider-title > .title-h2 {
    font-size: 30px;
  }
  .slider-title > .title-p {
    font-size: 20px;
  }
  .to-gallery {
    font-size: 18px;
  }
}
@media (max-width: 768px) and (min-width: 540px) {
  .slider-section {
    overflow: hidden;
  }
  .container-slider {
    max-width: 100%;
  }
  .swiper-container {
    margin-left: 0;
  }
  .slider-section {
    overflow: hidden;
  }
  .container-slider {
    max-width: 100%;
    margin-left: auto;
  }
  .swiper-container {
    margin-left: 0;
  }
  .slider-title > .title-h2 {
    width: 100%;
  }
  .slider-title > .title-p {
    width: 100%;
  }
  .slider-title > .title-h2 {
    font-size: 30px;
  }
  .slider-title > .title-p {
    font-size: 20px;
  }
  .to-gallery {
    font-size: 18px;
  }
}
@media (max-width: 539px) {
  .slider-section {
    overflow: hidden;
  }
  .container-slider {
    max-width: 100%;
  }
  .swiper-container {
    margin-left: 0;
  }
  .slider-section {
    overflow: hidden;
  }
  .container-slider {
    max-width: 100%;
    margin-left: auto;
  }
  .swiper-container {
    margin-left: 0;
  }
  .slider-title > .title-h2 {
    width: 100%;
  }
  .slider-title > .title-p {
    width: 100%;
  }
  .slider-title > .title-h2 {
    font-size: 26px;
  }
  .slider-title > .title-p {
    font-size: 14px;
  }
  .to-gallery {
    font-size: 16px;
  }
}
/* конец секции слайдера */
/* Секция покраски деревенных домов */
.pokraska-wood {
  align-items: flex-start;
}
.pokraska-wood-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  max-width: 976px;
}
.pokraska-wood-block h2 {
  color: #FFF;
  font-family: Bounded;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 990px) {
  .pokraska-wood-block h2 {
    font-size: 36px;
  }
}
@media (max-width: 540px) {
  .pokraska-wood-block h2 {
    font-size: 26px;
  }
}
.pokraska-wood-block p {
  color: #D1C7DE;
  font-family: Onest;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 990px) {
  .pokraska-wood-block p {
    font-size: 20px;
  }
}
@media (max-width: 540px) {
  .pokraska-wood-block p {
    font-size: 18px;
  }
}
/* Конец секции покраски деревянных домов */
/* секция преимуществ */
.pokraksa-adv-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.pokraksa-adv-block h3 {
  color: #FFF;
  font-family: Bounded;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 657px;
}
@media (max-width: 990px) {
  .pokraksa-adv-block h3 {
    font-size: 26px;
  }
}
@media (max-width: 540px) {
  .pokraksa-adv-block h3 {
    font-size: 18px;
  }
}
.pokraksa-adv-block .advantages {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 20px;
  align-self: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}
.advantages-block {
  display: flex;
  max-width: 416px;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 990px) {
  .advantages-block {
    width: 48%;
  }
}
@media (max-width: 560px) {
  .advantages-block {
    width: 100%;
  }
}
.advantages-block .advantages-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.advantages-block .advantages-text p {
  color: #FFF;
  font-family: Onest;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 990px) {
  .advantages-block .advantages-text p {
    font-size: 20px;
  }
}
.advantages-block .advantages-text span {
  color: #D1C7DE;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
@media (max-width: 540px) {
  .advantages-block .advantages-text span {
    font-size: 14px;
  }
}
/* конец секции преимуществ */