@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

*{
    font-family: "Montserrat", sans-serif;
    margin: 0;
}

h1.page-title,
span.field.field--name-title{
    font-family: "Philosopher", sans-serif;
}


body{
    box-sizing: border-box;
}

div#page::before {
  content: '';
  background: linear-gradient(180.00deg, rgb(87, 77, 73) 9.391%, rgba(249, 235, 230, 0.77) 85.625%, rgb(255, 255, 255) 100%);
  width: 100%;
  height: 60%;
  position: absolute;
  z-index: -1;
  display: block;
  top: 15%;
}

.header-mobile-block{
    display: none;
}

.page .header,
.page .banner-block,
.page .main,
.page .about-block,
.page .services-block,
.page .works-block, 
.page .steps-block,
.page .form-block{
    margin: 0;
}

 /* ШАПКА */
 header{
  color: #fff;
  background-color: #574D49;
}

.region.region-header{
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 300;
}

.region.region-header .contact{
  margin: 30px 0 68px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
  gap: 18px; 
}

.region.region-header .contact .adress{
  display: flex;
}

.region.region-header .contact .adress p{
color: rgb(255, 255, 255);
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 140%;
letter-spacing: 0%;
text-align: left;
}

.region.region-header .contact .adress img{
  padding: 0;
  margin: 1px 15px 1px 0;
  width: 26px;
  height: 26px;
}

.region.region-header .contact .email{
  padding: 0;
  display: flex;
}

.region.region-header .contact .email img{
  padding: 0;
  margin: 1px 15px 1px 0;
  width: 26px;
  height: 26px; 
}

.region.region-header .contact .email a{
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.region.region-header .contact .email a:hover{
  color: #000;
  text-decoration: underline;
}

.region.region-header div#block-vesta-theme-logo{
display: block;
padding: 0;
margin: 16px 0;
}

.region.region-header .contact2{
  margin: 30px 0 41px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
  gap: 25px; 
}

.region.region-header .contact2 .phone{
  margin: 0;
  padding: 0;
  display: flex;
}

.region.region-header .contact2 .phone img{
  padding: 0;
  margin: 1px 15px 1px 0;
  width: 26px;
  height: 26px;
}

.region.region-header .contact2 .phone a{
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-family:"Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.region.region-header .contact2 .phone a:hover{
  color: #000;
  text-decoration: underline;
}


.region.region-header .contact2 .btn{
  margin: 0;
  padding: 10px 42px;
  border: 1.5px solid #fff;
  border-radius: 10px;
  font-family: "Philosopher", sans-serif;
  background-color: none;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.region.region-header .contact2 .btn:hover{
  background-color: #fff;
  color: #000;
}

 /* НАВИГАЦИЯ */

 div#page .navigation{
background-color: #fff;
margin: 0 !important;
padding: 0 !important;
height: 50px;
}


.region.region-navigation {
  display: flex;
  align-items: center;
  height: 50px;
}

div#page .navigation ul.sf-menu a, 
div#page .navigation ul.sf-menu span.nolink {
  display: block;
  padding: 10px 40px 10px 10px;
  position: relative;
  color: #574D49;
  font-family: "Philosopher", sans-serif;
  font-size: 20px;
  color: rgb(87, 77, 73);
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

div#page .navigation ul.sf-menu .menuparent a span::after {
  content: "";
  background-image: url("/sites/all/themes/vesta_theme/image/%D1%81%D1%82%D1%80%D0%B5%D0%BB%D0%BE%D1%87%D0%BA%D0%B0%20%D0%B3%D0%B4%D0%B5%20%D1%83%D1%81%D0%BB%D1%83%D0%B3%D0%B8.svg");
  width: 24px;
  height: 24px;
}

div#page .navigation ul.menu a.is-active {
  color: #000;
}

div#page .navigation ul.sf-menu a:hover, 
ul.sf-menu span.nolink:hover {
  text-decoration: none;
  color: #000;
}

/* Меню услуги */

div#page .navigation {
  padding: 5px;
  text-decoration: none;
}

/* div#page .navigation .sf-depth-2 {
  margin: 0;
  padding: 3px 0 3px 5px;
} */

div#page .navigation ul.sf-menu.sf-horizontal.sf-shadow ul, 
div#page .navigation ul.sf-menu.sf-vertical.sf-shadow ul, 
div#page .navigation ul.sf-menu.sf-navbar.sf-shadow ul ul {
  color: #574D49;
  font-family: "Philosopher", sans-serif;
  font-size: 20px;
  font-weight: bold;
  box-shadow: none;
  background-color: #fff;
  top: 35px;
  border-radius: 10px;
} 

/* Поиск */

.region.region-navigation input#edit-keys {
  border: none;
  border-bottom: 2px solid #3f312c;
  background: transparent;
  color: #3f312c;
  padding: 0px 28px;
  font-size: 16px;
  outline: none;
  width: 233px;
  border-radius: 0;
  margin: 16px 0 0 0;
}

.region.region-navigation input#edit-keys:focus{
  box-shadow: none;
}

.region.region-navigation input#edit-keys::placeholder {
  color: transparent;
}

.region.region-navigation input[type="submit"].form-submit {
  background: url('/sites/all/themes/vesta_theme/image/iconoir_search.svg') no-repeat center center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  text-indent: -9999px; 
  /* overflow: hidden; */
  cursor: pointer;
  /* border-radius: 50%; */
  position: absolute;
  top: 25px;
}

.region.region-navigation input[type="submit"].form-submit:focus{
  box-shadow: none;
}

/* БАННЕР */



.banner-block{
  background-image: url(/sites/all/themes/vesta_theme/image/%D1%84%D0%BE%D1%82%D0%BA%D0%B0%20%D0%BE%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B0.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  margin: 0;
  padding:0 268px 82px 322px;
}


.banner-block .field.field--name-node-title{
  display: flex;
  margin: 93px auto 82px auto;
  padding: 0;
  font-family: "Philosopher", sans-serif;
  font-size: 60px;
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}
.banner-block .field.field--name-node-title .title_banner{
  font-family: "Philosopher", sans-serif;
  font-size: 60px;
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
  width: 800px;
  margin-left: -220px;
  text-indent: 230px;
  margin-bottom: 0;
}

.banner-block p{
  margin: 0 0 67px 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.clearfix.text-formatted.field.field--name-field-description.field--type-text-long.field--label-hidden.field__item {
  margin: 0 0 67px 0;
}

.banner-block .field.field--name-dynamic-token-fieldnode-link-service p {
  display: flex;
}

.banner-block a.service_go{
  margin: 0;
  padding: 15px 74px;
  border: 1.5px solid #fff;
  border-radius: 10px;
  font-family: "Philosopher", sans-serif;
  box-sizing: border-box;
  background-color: none;
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.banner-block a.service_go:hover{
  text-decoration: none;
  color: #000;
  background-color: #fff;
}

/* О НАС */

.region.region-about{
  position: relative;
  display: block;
  padding: 126px 0 150px 0;
  z-index: 1;
} 

.region.region-about .field--name-node-title h2{
  position: relative;
  left: 40%;
  padding: 0px 0 0 54px;
  font-family: "Philosopher", sans-serif;
  font-size: 48px;
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 54px;
  letter-spacing: 0%;
  text-align: left;
} 

.field.field--name-field-info-small{
  left: 40%;
  position: relative;
  font-size: 18px;
  width: 700px;
  padding: 0px 0 0 40px;
  font-family: "Montserrat", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
  }

.region.region-about img {
  position: absolute;
  transform: translateX(-46%);
  width: 870px;
  object-fit: cover;
  border-radius: 20px;
} 

/* УСЛУГИ */


.services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .block-title {
  margin: 0 0 50px 0px;
  font-family: "Philosopher", sans-serif;
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: 0%;
  text-align: left;
}


.services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .views-row{
  border-radius: 20px;
  overflow: hidden;
  object-fit: cover;
  max-width: 440px;
  width: 100%;
  background: linear-gradient(180.00deg, rgba(54, 30, 24, 0.61) 36.538%,rgba(143, 94, 76, 0.61) 100%);

} 

.services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .view-content {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  gap: 30px;
  margin: 0 0 150px 0;
}

div#block-vesta-theme-views-block-service-block-1 .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
  height: 390px; 
  width: 100%;
  position: relative;
  z-index: -1;
}

div#block-vesta-theme-views-block-service-block-1 .field.field--name-field-service-image.field--type-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(4px);
}

.services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .views-row:hover{
 box-shadow: 0px 0px 10px 0px #F37C53;
}

.services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
  position: absolute;
  margin: 57px 0 30px 51px; 
  padding: 0;
  font-size: 24px;
  font-family: "Philosopher", sans-serif;
  z-index: 5;
  top: 0;
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0%;
  text-align: left;
}

.field.field--name-field-description-small.field--type-string-long.field--label-hidden.field__item {
  position: absolute;
  margin: 0 50px 40px 51px;
  padding: 0;    
  z-index: 5;
  top: 27%; 
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
}

.services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
  position: absolute;
  margin: 0 0 0 51px; 
  padding: 12px 48px;
  border: 1.5px solid #fff;
  border-radius: 10px;
  font-family: "Philosopher", sans-serif;
  font-size: 20px;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
  background-color: none;
  z-index: 5;
  top: 80%;
}

.services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a:hover{
  background-color: #F37C53;
  border: 1.5px solid #F37C53;
  text-decoration: none;
}


/* РАБОТЫ */

.works-block .region.region-works .block-title{
margin: 0 0 50px 0px;
font-family: "Philosopher", sans-serif;
color: rgb(0, 0, 0);
font-size: 48px;
font-weight: 700;
line-height: 54px;
letter-spacing: 0%;
text-align: left;
}

.region.region-works .view-content {
display: grid;
grid-template-columns: repeat(4, 311px);
grid-auto-rows: 478px;
gap: 30px;
justify-content: center;
margin: 0 auto 150px auto;
}

.region.region-works .views-row {
border-radius: 20px;
overflow: hidden;
position: relative;
}

.region.region-works .views-row .field-content {
height: 100%;
}

.region.region-works .views-row .field-content img {
object-fit: cover;
display: block;
border-radius: 20px;
transition: box-shadow 0.3s ease;
}


.region.region-works .views-row:nth-child(6n+1) .field img,
.region.region-works .views-row:nth-child(6n+2) .field img,
.region.region-works .views-row:nth-child(6n) .field img,
.region.region-works .views-row:nth-child(6n+5) .field img{
width: 311px;
height: 478px;
object-fit: cover;
}

.region.region-works .views-row:nth-child(6n+3) .field img,
.region.region-works .views-row:nth-child(6n+4) .field img{
width: 652px;
height: 478px;
object-fit: cover;
}  


.region.region-works .views-row:nth-child(6n+1) {
grid-column: 1;
grid-row: 1;

}


.region.region-works .views-row:nth-child(6n+1):hover {
box-shadow: 0 0 15px #F37C53;
}

.region.region-works .views-row:nth-child(6n+2) {
grid-column: 2;
grid-row: 1;

}

.region.region-works .views-row:nth-child(6n+2):hover {
box-shadow: 0 0 15px #F37C53;
}


.region.region-works .views-row:nth-child(6n+3) {
grid-column: 3/ span 2;
grid-row: 1;

}

.region.region-works .views-row:nth-child(6n+3):hover {
box-shadow: 0 0 15px #F37C53;
}


.region.region-works .views-row:nth-child(6n+4) {
grid-column: 1 / span 2; 
grid-row: 2;

}

.region.region-works .views-row:nth-child(6n+4):hover {
box-shadow: 0 0 15px #F37C53;
}


.region.region-works .views-row:nth-child(6n+5) {
grid-column: 3;
grid-row: 2;

}

.region.region-works .views-row:nth-child(6n+5):hover {
box-shadow: 0 0 15px #F37C53;
}


.region.region-works .views-row:nth-child(6n) {
grid-column: 4;
grid-row: 2;

}

.region.region-works .views-row:nth-child(6n):hover {
box-shadow: 0 0 15px #F37C53;
}

/* ЭТАПЫ РАБОТЫ */

.region.region-steps{
  margin: 0;
  padding: 0;
  counter-reset: step;
}

.region.region-steps .block-title {
  margin: 0 0 50px 0;
  padding: 0;
  font-family: "Philosopher", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: 0%;
  text-align: left;
  color: rgb(0, 0, 0);
} 

.region.region-steps .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  margin: 0 0 150px 0;
}

.region.region-steps .views-row {
  margin: 0;
  padding: 57px 41px 63px 51px;
  display: block;
  width: 439px;
  height: 337px;
  background-color: #776964;
  border-radius: 20px;
  position: relative;
  counter-increment: step;
}

.region.region-steps .views-row:hover {
box-shadow: 0 0 15px #F37C53;
}

.region.region-steps .views-row::after {
  content: counter(step);
  position: absolute;
  bottom: 25px;
  right: 35px;
  font-size: 100px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.1); 
  font-family: "Philosopher", sans-serif;
  z-index: 0;
  pointer-events: none;
}

.region.region-steps p.steps_title {
  font-family: "Philosopher", sans-serif;
  margin: 0 ;
  padding: 0 0 30px 0;
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.region.region-steps .clearfix.text-formatted.field.field--name-field-info-steap.field--type-text-long.field--label-hidden.field__item{
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
}

/* ФОРМА ОБРАТНОЙ СВЯЗИ */


div#form-block {
  position: relative;
  margin: 0 0 146px;
  padding: 0 0 124px;
}

div#form-block::before {
  content: '';
  position: absolute;
  z-index: -1;
  display: block;
  background: url(/sites/all/themes/vesta_theme/image/%D1%84%D0%BE%D0%BD%20%D0%BF%D0%BE%D0%B4%20%D1%84%D0%BE%D1%80%D0%BC%D0%BE%D0%B9.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 441px;
  left: auto;
  right: auto;
  bottom: 0;
}

.region.region-form {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 44px;
  justify-content: center;
  border: 2px solid;
  border-radius: 20px;
  background-color: #FFFFFF;
  border: 2px solid rgba(119, 105, 100, 0.79);
}

.form-block .region.region-form .block-title{
  margin: 50px 0 28px 0;
  padding: 0;
  font-family: "Philosopher", sans-serif;
  color: rgb(0, 0, 0);
  font-size: 24px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0%;
  text-align: left;
}

.form-block .region.region-form .form-control {
  background-color: rgba(180, 157, 148, 0.27);
  color: rgba(87, 77, 73, 0.81);
  font-family: "Philosopher", sans-serif;
  padding: 13px 18px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
  margin: 0 0 15px 0;
  border-radius: 10px;
  border: none;
}


.form-block .region.region-form .form-control:focus{
  box-shadow: none;
}

.form-block .region.region-form textarea#edit-message {
  height: 48px;
  overflow: hidden;
  margin: 0;
}

.form-block .region.region-form .form-item, 
.form-block .region.region-form .form-actions{
  margin: 0;
}

.form-block .region.region-form input#edit-actions-submit {
  display: block;
  background-color: transparent;
  box-sizing: border-box;
  border: 2px solid rgb(87, 77, 73);
  border-radius: 10px;
  color: rgb(87, 77, 73);
  padding: 12px 63px;
  font-family: "Philosopher", sans-serif;
  margin: 30px 0 0 0;
  line-height: 22px;
  font-size: 20px;
  letter-spacing: 0%;
  text-align: left;
}


.form-block .region.region-form input#edit-actions-submit:hover{
  background-color: #574D49; 
  color: #ffffff;   
}

.form-block .region.region-form div#edit-markup p {
  margin: 10px 0 62px 0;
  font-family: "Mulish", sans-serif;
  color: rgb(87, 88, 90);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
  width: 574px;
}
.form-block .region.region-form div#edit-markup p a{
  font-family: "Mulish", sans-serif;
  color: rgb(87, 88, 90);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
}

.form-block .region.region-form div#edit-markup p a:hover{
  color: #000;
}

.form-block .region.region-form .mapContainer {
  display: flex;
  position: relative;
  margin: 50px 0 54px 0;
}

.form-block .region.region-form .mapContainer>*:first-child {
  margin: 0;
  border-radius: 20px;
}

.form-block .region.region-form .mapContainer:after{
  border-radius: 20px;
  margin: 0;
}


/* ПОДВАЛ */

.footer{
  color: #fff;
  background-color: #574D49;
}

.footer .region-footer{
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  font-size: 16px;
  font-weight: 500;
}

.footer .region-footer div#block-vesta-theme-logo-3{
  margin: 20px 0 0 0;
}

.footer .region-footer .adress{
  margin: 34px 0 0 0;
  padding: 0;
  display: flex;
  width: 261px;
}

.footer .region-footer .adress img{
  padding: 0;
  margin: 1px 13px 1px 0;
  width: 23px;
  height: 23px;
}

.footer .region-footer .adress p{
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;   
}

.footer .region-footer div#block-vesta-theme-osnovnayanavigaciya-3 {
  width: 269px;
  height: 123px;
  margin: 34px 0 0 0;
}


.footer ul.sf-menu.menu{
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 16px;
}

a.is-active.sf-depth-1{
  color: #fff;   
}

.footer ul.sf-menu.menu a.sf-depth-1 {
  padding: 0;
  width: 115px;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.footer ul.sf-menu.menu a.sf-depth-1:hover{
  color: #000;
}

.communication{
  margin: 34px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
}

.communication .phone{
  margin: 0 0 13px 0;
  padding: 0;
  display: flex;
}

.communication .phone img{
  padding: 0;
  margin: 2px 13px 2px 0;
  width: 26px;
  height: 26px;
}

.communication .phone a{
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;

}

.communication .phone a:hover{
  color: #000;
  text-decoration: underline;
}

.communication .email{
  padding: 0;
  display: flex;
}

.communication .email img{
  padding: 0;
  margin: 2px 13px 2px 0;
  width: 26px;
  height: 26px; 
}

.communication .email a{
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.communication .email a:hover{
  color: #000;
  text-decoration: underline;
}


.communication .btn{
  margin: 0 0 15px 0;
  padding: 10px 38px;
  border: 1.5px solid #fff;
  border-radius: 10px;
  background-color: none;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.communication .btn:hover{
  background-color: #fff;
  color: #000000;
}

.copyrights-block .copyright{
  margin: 0;
  padding: 0;
}

.copyrights-block .copyright p{
  font-size: 14px;
  font-weight: 500;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  line-height: 149%;
  letter-spacing: 0%;
  text-align: left;
}

.copyrights-block .copyright .privacy{
  color: #fff;
}

.copyrights-block .copyright .privacy:hover{
  color: #000;
  text-decoration: underline;
}

.vesta_backlink{
  text-align: center;
}

.vesta_backlink .vesta a{
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.63);
  font-family: "Montserrat", sans-serif;
  line-height: 149%;
  letter-spacing: 0%;
  text-align: left;
}

/* КНОПКИ */

button#scrollToTop {
  width: 48px;
  height: 48px;
  background: none;
  text-indent: 0;
  font-size: 0;
  transition: transform 0.2s;
  border: 0px;
  outline: 0px;
  display: flex;
  bottom: 120px;
  cursor: pointer;
  position: fixed;
  right: 75px;
  z-index: 10;
  transition: 0.2s;
  background-image: url(/sites/all/themes/vesta_theme/image/%D0%BD%D0%B0%D0%B2%D0%B5%D1%80%D1%85.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.block-content a.whatsapp img{
  right: 75px;
  position: fixed;
  bottom: 68px;
  cursor: pointer;
  width: 48px;
  height: 48px;
  z-index: 20;
  }



@media screen and (min-width: 1700px){
  
    /* ШАПКА */
header{
  margin: 0;
  padding: 0;
  color: #fff;
  background-color: #574D49;
}

.header .header-block{
  margin: 0 268px 0 322px;
}

.header .header-block .container {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.region.region-header{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 300;
}

.region.region-header .contact{
  margin: 30px 0 68px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
  gap: 18px; 
}

.region.region-header .contact .adress{
  margin: 0;
  padding: 0;
  display: flex;
}

.region.region-header .contact .adress p{
color: rgb(255, 255, 255);
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 140%;
letter-spacing: 0%;
text-align: left;
}

.region.region-header .contact .adress img{
  padding: 0;
  margin: 1px 15px 1px 0;
  width: 26px;
  height: 26px;
}

.region.region-header .contact .email{
  padding: 0;
  display: flex;
}

.region.region-header .contact .email img{
  padding: 0;
  margin: 1px 15px 1px 0;
  width: 26px;
  height: 26px; 
}

.region.region-header .contact .email a{
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.region.region-header .contact .email a:hover{
  color: #000;
  text-decoration: underline;
}

.region.region-header div#block-vesta-theme-logo{
display: block;
padding: 0;
margin: 16px 0;
}

.region.region-header .contact2{
  margin: 30px 0 41px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
  gap: 25px; 
}

.region.region-header .contact2 .phone{
  margin: 0;
  padding: 0;
  display: flex;
}

.region.region-header .contact2 .phone img{
  padding: 0;
  margin: 1px 15px 1px 0;
  width: 26px;
  height: 26px;
}

.region.region-header .contact2 .phone a{
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-family:"Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.region.region-header .contact2 .phone a:hover{
  color: #000;
  text-decoration: underline;
}


.region.region-header .contact2 .btn{
  margin: 0;
  padding: 10px 42px;
  border: 1.5px solid #fff;
  border-radius: 10px;
  font-family: "Philosopher", sans-serif;
  background-color: none;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.region.region-header .contact2 .btn:hover{
  background-color: #fff;
  color: #000;
}

          /* НАВИГАЦИЯ */

div#page .navigation{
  display: block;
background-color: #fff;
margin: 0;
padding: 0 268px 0 322px !important;
}
          
.navigation .container {
margin: 0;
padding: 0;
max-width: 100%;
}

.region.region-navigation {
  display: flex;
  align-items: center;
  height: 50px;
}

div#page .navigation ul.sf-menu a, 
div#page .navigation ul.sf-menu span.nolink {
  display: block;
  padding: 10px 40px 10px 10px;
  position: relative;
  color: #574D49;
  font-family: "Philosopher", sans-serif;
  font-size: 20px;
  color: rgb(87, 77, 73);
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

div#page .navigation ul.sf-menu .menuparent a span::after {
  content: "";
  background-image: url("/sites/all/themes/vesta_theme/image/%D1%81%D1%82%D1%80%D0%B5%D0%BB%D0%BE%D1%87%D0%BA%D0%B0%20%D0%B3%D0%B4%D0%B5%20%D1%83%D1%81%D0%BB%D1%83%D0%B3%D0%B8.svg");
  width: 24px;
  height: 24px;
}

div#page .navigation ul.menu a.is-active {
  color: #000;
}

div#page .navigation ul.sf-menu a:hover, 
ul.sf-menu span.nolink:hover {
  text-decoration: none;
  color: #000;
}

/* Меню услуги */

div#page .navigation {
  padding: 5px;
  text-decoration: none;
}

div#page .navigation ul.sf-menu.sf-horizontal.sf-shadow ul, 
div#page .navigation ul.sf-menu.sf-vertical.sf-shadow ul, 
div#page .navigation ul.sf-menu.sf-navbar.sf-shadow ul ul {
  color: #574D49;
  font-family: "Philosopher", sans-serif;
  font-size: 20px;
  font-weight: bold;
  box-shadow: none;
  background-color: #fff;
  top: 35px;
  border-radius: 10px;
} 

/* Поиск */

.region.region-navigation input#edit-keys {
  border: none;
  border-bottom: 2px solid #3f312c;
  background: transparent;
  color: #3f312c;
  padding: 0px 28px;
  font-size: 16px;
  outline: none;
  width: 233px;
  border-radius: 0;
  margin: 16px 0 0 0;
}

.region.region-navigation input#edit-keys:focus{
  box-shadow: none;
}

.region.region-navigation input#edit-keys::placeholder {
  color: transparent;
}

.region.region-navigation input[type="submit"].form-submit {
  background: url('/sites/all/themes/vesta_theme/image/iconoir_search.svg') no-repeat center center;
  /* background-size: 20px 20px; */
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  text-indent: -9999px; 
  /* overflow: hidden; */
  cursor: pointer;
  /* border-radius: 50%; */
  position: absolute;
  top: 25px;
}

.region.region-navigation input[type="submit"].form-submit:focus{
  box-shadow: none;
}

/* БАННЕР */



.banner-block{
  background-image: url(/sites/all/themes/vesta_theme/image/%D1%84%D0%BE%D1%82%D0%BA%D0%B0%20%D0%BE%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B0.jpg);
  display: block;
  margin: 0;
  padding:0 268px 82px 322px;
}

.banner-block .container {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.banner-block .field.field--name-node-title{
  margin: 93px auto 51px auto;
  padding: 0;
  font-family: "Philosopher", sans-serif;
  font-size: 60px;
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}
.banner-block .field.field--name-node-title .title_banner{
  font-family: "Philosopher", sans-serif;
  font-size: 60px;
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
  width: 1100px;
  margin-left: -315px;
  text-indent: 325px;
}

.banner-block p{
  margin: 0 0 67px 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
  width: 1124px;
}

.clearfix.text-formatted.field.field--name-field-description.field--type-text-long.field--label-hidden.field__item {
  margin: 0 0 67px 0;
}

.banner-block a.service_go{
  margin: 0;
  padding: 15px 74px;
  border: 1.5px solid #fff;
  border-radius: 10px;
  font-family: "Philosopher", sans-serif;
  box-sizing: border-box;
  background-color: none;
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.banner-block a.service_go:hover{
  text-decoration: none;
  color: #000;
  background-color: #fff;
}

/* О НАС */

.region.region-about{
  position: relative;
  display: block;
  padding: 126px 0 150px 0;
  z-index: 1;
} 

.region.region-about .field--name-node-title h2{
  position: relative;
  left: 40%;
  padding: 32px 0 0 0;
  margin: 0 0 0 54px;
  font-family: "Philosopher", sans-serif;
  font-size: 48px;
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 54px;
  letter-spacing: 0%;
  text-align: left;
} 
  
.field.field--name-field-info-small{
  left: 40%;
  position: relative;
  font-size: 20px;
  width: 751px !important;
  height: 420px;
  margin: 37px 0 0 54px;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
}

.region.region-about img {
  position: absolute;
  transform: translateX(-60%);
   width: 100%;
   border-radius: 20px;
    }


/* УСЛУГИ */


#services-block{
  margin: 0 auto;
}

.services-block .container{
  margin: 0;
  padding: 0;
  max-width: 100%;
} 

.services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .block-title {
  margin: 0 0 50px 0px;
  font-family: "Philosopher", sans-serif;
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: 0%;
  text-align: left;
}


.services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .views-row{
  border-radius: 20px;
  overflow: hidden;
  object-fit: cover;
  max-width: 440px;
  width: 100%;
  background: linear-gradient(180.00deg, rgba(54, 30, 24, 0.61) 36.538%,rgba(143, 94, 76, 0.61) 100%);
} 

.services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .view-content {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  gap: 30px;
  margin: 0 0 150px 0;
}

div#block-vesta-theme-views-block-service-block-1 .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 390px;
  position: relative;
  z-index: -1;
}

.services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .views-row:hover{
 box-shadow: 0px 0px 10px 0px #F37C53;
}

.services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
  position: absolute;
  margin: 57px 0 30px 51px; 
  padding: 0;
  font-size: 24px;
  font-family: "Philosopher", sans-serif;
  z-index: 5;
  top: 0;
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0%;
  text-align: left;
}

div#block-vesta-theme-views-block-service-block-1 .field.field--name-field-description-small.field--type-string-long.field--label-hidden.field__item{
  position: absolute;
  margin: 0 50px 40px 51px;
  padding: 0;    
  z-index: 5;
  top: 27%; 
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
}

.services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
  position: absolute;
  margin: 0 0 0 51px; 
  padding: 12px 48px;
  border: 1.5px solid #fff;
  border-radius: 10px;
  font-family: "Philosopher", sans-serif;
  font-size: 20px;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
  background-color: none;
  z-index: 5;
  top: 80%;
}

.services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a:hover{
  background-color: #F37C53;
  border: 1.5px solid #F37C53;
  text-decoration: none;
}



/* РАБОТЫ */

#works-block{
  margin: 0 auto;
}

.works-block .container{
  margin: 0;
  padding: 0;
  max-width: 100%;
} 

.works-block .region.region-works .block-title{
margin: 0 0 50px 0px;
font-family: "Philosopher", sans-serif;
color: rgb(0, 0, 0);
font-size: 48px;
font-weight: 700;
line-height: 54px;
letter-spacing: 0%;
text-align: left;
}

.region.region-works .view-content {
display: grid;
grid-template-columns: repeat(4, 311px);
grid-auto-rows: 478px;
gap: 30px;
justify-content: center;
margin: 0 auto 150px auto;
/* max-width: 1400px; */
}

.region.region-works .views-row {
border-radius: 20px;
overflow: hidden;
position: relative;
}

.region.region-works .views-row .field-content {
height: 100%;
}

.region.region-works .views-row .field-content img {
object-fit: cover;
display: block;
border-radius: 20px;
transition: box-shadow 0.3s ease;
}


.region.region-works .views-row:nth-child(6n+1) .field img,
.region.region-works .views-row:nth-child(6n+2) .field img,
.region.region-works .views-row:nth-child(6n) .field img,
.region.region-works .views-row:nth-child(6n+5) .field img{
width: 311px;
height: 478px;
object-fit: cover;
}

.region.region-works .views-row:nth-child(6n+3) .field img,
.region.region-works .views-row:nth-child(6n+4) .field img{
width: 652px;
height: 478px;
object-fit: cover;
}  


.region.region-works .views-row:nth-child(6n+1) {
grid-column: 1;
grid-row: 1;

}


.region.region-works .views-row:nth-child(6n+1):hover {
box-shadow: 0 0 15px #F37C53;
}

.region.region-works .views-row:nth-child(6n+2) {
grid-column: 2;
grid-row: 1;

}

.region.region-works .views-row:nth-child(6n+2):hover {
box-shadow: 0 0 15px #F37C53;
}


.region.region-works .views-row:nth-child(6n+3) {
grid-column: 3/ span 2;
grid-row: 1;

}

.region.region-works .views-row:nth-child(6n+3):hover {
box-shadow: 0 0 15px #F37C53;
}


.region.region-works .views-row:nth-child(6n+4) {
grid-column: 1 / span 2; 
grid-row: 2;

}

.region.region-works .views-row:nth-child(6n+4):hover {
box-shadow: 0 0 15px #F37C53;
}


.region.region-works .views-row:nth-child(6n+5) {
grid-column: 3;
grid-row: 2;

}

.region.region-works .views-row:nth-child(6n+5):hover {
box-shadow: 0 0 15px #F37C53;
}


.region.region-works .views-row:nth-child(6n) {
grid-column: 4;
grid-row: 2;

}

.region.region-works .views-row:nth-child(6n):hover {
box-shadow: 0 0 15px #F37C53;
}

/* ЭТАПЫ РАБОТЫ */

#steps-block{
  margin: 0 auto;
}

.steps-block .container{
  margin: 0;
  padding: 0;
  max-width: 100%;
} 

.region.region-steps{
  margin: 0;
  padding: 0;
  counter-reset: step;
  width: 1400px; 
}

.region.region-steps .block-title {
  margin: 0 0 50px 0;
  padding: 0;
  font-family: "Philosopher", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: 0%;
  text-align: left;
  color: rgb(0, 0, 0);
} 

.region.region-steps .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  margin: 0 0 150px 0;
}

.region.region-steps .views-row {
  margin: 0;
  padding: 57px 41px 63px 51px;
  display: block;
  width: 439px;
  height: 337px;
  background-color: #776964;
  border-radius: 20px;
  position: relative;
  counter-increment: step;
}

.region.region-steps .views-row:hover {
box-shadow: 0 0 15px #F37C53;
}

.region.region-steps .views-row::after {
  content: counter(step);
  position: absolute;
  bottom: 25px;
  right: 35px;
  font-size: 100px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.1); 
  font-family: "Philosopher", sans-serif;
  z-index: 0;
  pointer-events: none;
}

.region.region-steps p.steps_title {
  font-family: "Philosopher", sans-serif;
  margin: 0 ;
  padding: 0 0 30px 0;
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.region.region-steps .clearfix.text-formatted.field.field--name-field-info-steap.field--type-text-long.field--label-hidden.field__item{
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
}

/* ФОРМА ОБРАТНОЙ СВЯЗИ */


.form-block .container{
  margin: 0 auto;
  padding: 0;
  max-width: 1400px;
}

.region.region-form {
  margin: 0;
  padding: 0 53px;
  display: flex;
  gap: 44px;
  justify-content: center;
  border: 2px solid;
  border-radius: 20px;
  background-color: #FFFFFF;
  width: 1379px;
  border: 2px solid rgba(119, 105, 100, 0.79);
}

.form-block .region.region-form div#block-vesta-theme-vebforma {
  width: 550px;
}

.form-block .region.region-form .block-title{
  margin: 50px 0 28px 0;
  padding: 0;
  font-family: "Philosopher", sans-serif;
  color: rgb(0, 0, 0);
  font-size: 24px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0%;
  text-align: left;
}

.form-block .region.region-form .form-control {
  background-color: rgba(180, 157, 148, 0.27);
  color: rgba(87, 77, 73, 0.81);
  font-family: "Philosopher", sans-serif;
  padding: 13px 18px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
  margin: 0 0 15px 0;
  border-radius: 10px;
  border: none;
}


.form-block .region.region-form .form-control:focus{
  box-shadow: none;
}

.form-block .region.region-form textarea#edit-message {
  height: 48px;
  overflow: hidden;
  margin: 0;
}

.form-block .region.region-form .form-item, 
.form-block .region.region-form .form-actions{
  margin: 0;
}

.form-block .region.region-form input#edit-actions-submit {
  display: block;
  background-color: transparent;
  box-sizing: border-box;
  border: 2px solid rgb(87, 77, 73);
  border-radius: 10px;
  color: rgb(87, 77, 73);
  padding: 12px 63px;
  font-family: "Philosopher", sans-serif;
  margin: 30px 0 0 0;
  line-height: 22px;
  font-size: 20px;
  letter-spacing: 0%;
  text-align: left;
}


.form-block .region.region-form input#edit-actions-submit:hover{
  background-color: #574D49; 
  color: #ffffff;   
}

.form-block .region.region-form div#edit-markup p {
  margin: 10px 0 62px 0;
  font-family: "Mulish", sans-serif;
  color: rgb(87, 88, 90);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
  width: 574px;
}
.form-block .region.region-form div#edit-markup p a{
  font-family: "Mulish", sans-serif;
  color: rgb(87, 88, 90);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
}

.form-block .region.region-form div#edit-markup p a:hover{
  color: #000;
}

.form-block .region.region-form .mapContainer {
  display: flex;
  position: relative;
  margin: 50px 0 54px 0;
}

.form-block .region.region-form .mapContainer>*:first-child {
  width: 679px;
  height: 399px;
  margin: 0;
  border-radius: 20px;
}

.form-block .region.region-form .mapContainer:after{
  border-radius: 20px;
  width: 679px;
  height: 399px;
  margin: 0;
}


/* ПОДВАЛ */

.footer{
  margin: 0;
  padding: 0;
  color: #fff;
  background-color: #574D49;
}

.footer .container{
  margin: 0 auto;
  padding: 0;
  max-width: 1400px;
} 

.footer .region-footer{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  font-size: 16px;
  font-weight: 500;
}

.footer .region-footer div#block-vesta-theme-logo-3{
  margin: 20px 0 0 0;
}

.footer .region-footer .adress{
  margin: 34px 0 0 0;
  padding: 0;
  display: flex;
  width: 261px;
}

.footer .region-footer .adress img{
  padding: 0;
  margin: 1px 13px 1px 0;
  width: 23px;
  height: 23px;
}

.footer .region-footer .adress p{
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;   
}

.footer .region-footer div#block-vesta-theme-osnovnayanavigaciya-3 {
  width: 269px;
  height: 123px;
  margin: 34px 0 0 0;
}


.footer ul.sf-menu.menu{
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 16px;
}

a.is-active.sf-depth-1{
  color: #fff;   
}

.footer ul.sf-menu.menu a.sf-depth-1 {
  padding: 0;
  width: 115px;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.communication{
  margin: 34px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
}

.communication .phone{
  margin: 0 0 13px 0;
  padding: 0;
  display: flex;
}

.communication .phone img{
  padding: 0;
  margin: 2px 13px 2px 0;
  width: 26px;
  height: 26px;
}

.communication .phone a{
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;

}

.communication .phone a:hover{
  color: #000;
  text-decoration: underline;
}

.communication .email{
  padding: 0;
  display: flex;
}

.communication .email img{
  padding: 0;
  margin: 2px 13px 2px 0;
  width: 26px;
  height: 26px; 
}

.communication .email a{
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.communication .email a:hover{
  color: #000;
  text-decoration: underline;
}


.communication .btn{
  margin: 0 0 15px 0;
  padding: 10px 38px;
  border: 1.5px solid #fff;
  border-radius: 10px;
  background-color: none;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}

.communication .btn:hover{
  background-color: #fff;
  color: #000000;
}

.copyrights-block .copyright{
  margin: 0;
  padding: 0;
}

.copyrights-block .copyright p{
  font-size: 14px;
  font-weight: 500;
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  line-height: 149%;
  letter-spacing: 0%;
  text-align: left;
}

.copyrights-block .copyright .privacy{
  color: #fff;
}

.copyrights-block .copyright .privacy:hover{
  color: #000;
  text-decoration: underline;
}

.vesta_backlink{
  text-align: center;
}

.vesta_backlink .vesta a{
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.63);
  font-family: "Montserrat", sans-serif;
  line-height: 149%;
  letter-spacing: 0%;
  text-align: left;
}

/* КНОПКИ */

button#scrollToTop {
  width: 48px;
  height: 48px;
  background: none;
  text-indent: 0;
  font-size: 0;
  transition: transform 0.2s;
  border: 0px;
  outline: 0px;
  display: flex;
  bottom: 120px;
  cursor: pointer;
  position: fixed;
  right: 75px;
  z-index: 10;
  transition: 0.2s;
  background-image: url(/sites/all/themes/vesta_theme/image/%D0%BD%D0%B0%D0%B2%D0%B5%D1%80%D1%85.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.block-content a.whatsapp img{
  right: 75px;
  position: fixed;
  bottom: 68px;
  cursor: pointer;
  width: 48px;
  height: 48px;
  z-index: 20;
  }
  
  div#block-vesta-theme-views-block-bedroom-block-1,
  div#block-vesta-theme-views-block-living-room-block-1,
  div#block-vesta-theme-views-block-kitchen-block-1{
    width: 1150px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1699px){

  div#page::before{
    top: 10%;
  }

  .region.region-header {
  flex-direction: row;
  align-items: center;
  gap: 20px;
  text-align: center;
  }
            
  .region.region-header .contact,
  .region.region-header .contact2 {
   align-items: start;
   margin: 15px 0;
  }
            
  .region.region-header .contact .adress,
  .region.region-header .contact .email,
  .region.region-header .contact2 .phone {
  justify-content: center;
  }
           
  .region.region-header .contact .adress p,
  .region.region-header .contact .email a,
  .region.region-header .contact2 .phone a {
  font-size: 16px;
  }
  
  .region.region-header .contact .adress img,
  .region.region-header .contact .email img,
  .region.region-header .contact2 .phone img {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  }
  
  .region.region-header div#block-vesta-theme-logo {
  margin: 0 auto;
  padding: 0;
  }

  .region.region-header .contact2 .btn {
  padding: 8px 28px;
  font-size: 16px;
        }
      /* НАВИГАЦИЯ */
      



  div#page .navigation ul.sf-menu a, 
  div#page .navigation ul.sf-menu span.nolink {
      display: block;
      padding: 10px 30px 10px 10px !important;
      font-size: 16px;
  }
  
  ul.sf-menu .sf-sub-indicator:after{
      display: block;
      left: -4px;
      top: -4px;
  }
  
  /* Меню услуги */
  
  div#page .navigation ul.sf-menu.sf-horizontal.sf-shadow ul, 
  div#page .navigation ul.sf-menu.sf-vertical.sf-shadow ul, 
  div#page .navigation ul.sf-menu.sf-navbar.sf-shadow ul ul {
      font-size: 16px;
  } 
  
  
    /* БАННЕР */
  
    .banner-block {
      padding: 0 0 82px 0; 
      background-size: cover;   
      background-position: center;
    }


    .banner-block .field.field--name-node-title {
      font-size: 42px;
      margin: 93px 0 51px 0;
      text-align: start;
    }
    .banner-block .field.field--name-node-title .title_banner{
      font-size: 42px;
      text-align: start;
      margin-left: -220px;
      text-indent: 230px;
    }
  
    .banner-block p {
      font-size: 18px;
      margin-bottom: 40px;
      text-align: start;
    }
  
    .clearfix.text-formatted.field.field--name-field-description.field--type-text-long.field--label-hidden.field__item {
      margin-bottom: 40px;
    }
  
    .banner-block a.service_go {
      font-size: 18px;
      padding: 12px 48px;
      display: inline-block;
      margin: 0;
      text-align: start;
    }
  
    /* О НАС */
    
  .region.region-about{
      position: relative;
      display: block;
      padding: 126px 0 150px 0;
  } 
      
  .region.region-about .field--name-node-title h2 {
      position: relative;
      left: 40%;
      padding: 0;
      margin: 0 0 0 54px;
      font-size: 48px;
  } 
      
  .field.field--name-field-info-small{
      left: 40%;
      position: relative;
      font-size: 18px;
      width: 544px;
      padding: 0;
      margin: 37px 0 0 54px;
  }
  
  .region.region-about img {
      position: absolute;
      width: 870px;
  } 

    /* УСЛУГИ */
  
    .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .block-title {
      font-size: 48px;
      text-align: start;
      margin: 0 0 50px 0;
    }
  
    .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .view-content {
      flex-wrap: nowrap;
      gap: 30px;
      width: 100%;
      justify-content: center;
    }
  
    div#block-vesta-theme-views-block-service-block-1 .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
      width:auto;
      height: 390px;
    }
  
    .services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
      margin: 40px 0 30px 15px; 
      font-size: 20px;
      top: 0;
      text-align: left;
  }
  
  div#block-vesta-theme-views-block-service-block-1 .field.field--name-field-description-small.field--type-string-long.field--label-hidden.field__item{
      margin: 0 15px 40px 15px;
      top: 27%; 
      font-size: 16px;
      text-align: left;
  }
  
  .services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
      margin: 0 0 0 15px; 
      padding: 10px 24px;
      font-size: 18px;
      text-align: left;
      top: 80%;
  }
  
  /* РАБОТЫ */
  

  .works-block .region.region-works .block-title{
    margin: 0 0 50px 0;
    font-size: 48px;
}

.region.region-works .views-row .field-content img {
  width: none;
  height: none;
  object-fit: cover;
  display: block;
  border-radius: 20px;
  transition: box-shadow 0.3s ease;
}

.main .region.region-content .view-we-works .views-row .field img{
  width: none;
  height: none;
  object-fit: cover;
  display: block;
  border-radius: 20px;
  transition: box-shadow 0.3s ease;
}

.region.region-works .view-content {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-auto-rows: auto;
  gap: 30px;
  justify-content: center;
  margin: 0 auto 150px auto;
  width: fit-content;
}

.main .region.region-content .view-we-works .view-content{
  display: grid;
  grid-template-columns: repeat(4, auto) !important;
  grid-auto-rows: auto !important;
  gap: 30px;
  justify-content: center;
  margin: 0 auto 150px auto;
  width: fit-content;
}

.region.region-works .views-row:nth-child(6n+1),
.region.region-works .views-row:nth-child(6n+2),
.region.region-works .views-row:nth-child(6n),
.region.region-works .views-row:nth-child(6n+5){
  max-width: 311px;
  max-height: 478px;
}

.region.region-works .views-row:nth-child(6n+3),
.region.region-works .views-row:nth-child(6n+4){
  max-width: 650px;
  max-height: 478px;
} 

.region.region-works .views-row:nth-child(6n+1) .field img,
.region.region-works .views-row:nth-child(6n+2) .field img,
.region.region-works .views-row:nth-child(6n) .field img,
.region.region-works .views-row:nth-child(6n+5) .field img{
  width: 311px;
  height: 478px;
}

.region.region-works .views-row:nth-child(6n+3) .field img,
.region.region-works .views-row:nth-child(6n+4) .field img{
  width: 650px;
  height: 478px;
} 

.main .region.region-content .view-we-works  .views-row:nth-child(6n+1),
.main .region.region-content .view-we-works  .views-row:nth-child(6n+2),
.main .region.region-content .view-we-works  .views-row:nth-child(6n),
.main .region.region-content .view-we-works  .views-row:nth-child(6n+5){
  max-width: 311px;
  max-height: 478px;
}

.main .region.region-content .view-we-works  .views-row:nth-child(6n+3),
.main .region.region-content .view-we-works  .views-row:nth-child(6n+4){
  max-width: 650px;
  max-height: 478px;
} 

.main .region.region-content .view-we-works .views-row:nth-child(6n+1) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n+2) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n+5) .field img{
  width: 311px;
  height: 478px;
}

.main .region.region-content .view-we-works .views-row:nth-child(6n+3) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n+4) .field img{
  width: 650px;
  height: 478px;
}  


  /* ЭТАПЫ РАБОТЫ */

  .region.region-steps .block-title {
    font-size: 48px;
    text-align: left;
    margin-bottom: 50px;
  }

  .region.region-steps .view-content {
    width: 100%;
    gap: 24px;
    justify-content: center;
    margin-bottom: 150px;
  }

  .region.region-steps .views-row {
    width: 31.5%;
    height: auto;
    padding: 50px 35px;
  }

  .region.region-steps .views-row::after {
    font-size: 90px;
    bottom: 25px;
    right: 25px;
  }

  .region.region-steps p.steps_title {
    font-size: 22px;
  }

  .region.region-steps .clearfix.text-formatted.field.field--name-field-info-steap.field--type-text-long.field--label-hidden.field__item {
    font-size: 18px;
  }

  /* ФОРМА ОС */

  .region.region-form {
    width: 100%;
  }

  .form-block .region.region-form div#block-vesta-theme-vebforma {
    width: 50%;
  }

  .form-block .region.region-form input#edit-actions-submit {
    margin: 30px 0 0 0;
  }

  .form-block .region.region-form .mapContainer > *:first-child {
    width: 400px;
    height: 380px;
  }

  .form-block .region.region-form .mapContainer:after {
    width: 400px;
    height: 380px;
  }

  .form-block .region.region-form div#edit-markup p {
    width: 100%;
  }
      /* ПОДВАЛ */

  .footer .region-footer {
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 20px;
  }

  /* ВКЛАДКИ */


.main .region.region-content .block-title {
  font-size: 48px;
  text-align: start;
}

.main .region.region-content .view.view-service.view-id-service  .view-content {
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.main .region.region-content .view.view-service.view-id-service .view-content .views-row{
  max-width: 364px !important;
  width: 100%;
}

.main .region.region-content .view.view-service.view-id-service  .view-content .views-row .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
  height: 390px;
  width: 100%;
}

.main .region.region-content .view.view-service.view-id-service  .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
  margin: 40px 0 30px 15px; 
  font-size: 20px;
  top: 0;
  text-align: left;
}

.main .region.region-content .view.view-service.view-id-service  .field.field--name-field-description-small.field--type-string-long.field--label-hidden.field__item {
  margin: 0 15px 40px 15px;
  top: 27%; 
  font-size: 16px;
  text-align: left;
}

.main .region.region-content .view.view-service.view-id-service  .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
  margin: 0 0 0 15px; 
  padding: 10px 24px;
  font-size: 18px;
  text-align: left;
  top: 80%;
}

}

@media screen and (min-width: 992px) and (max-width: 1199px){
  div#page::before{
    top: 10%;
  }

    .region.region-header {
      flex-direction: row;
      align-items: center;
      gap: 20px;
      text-align: center;
    }
    
    .region.region-header .contact,
    .region.region-header .contact2 {
      align-items: start;
      margin: 15px 0;
    }
    
    .region.region-header .contact .adress,
    .region.region-header .contact .email,
    .region.region-header .contact2 .phone {
      justify-content: center;
    }
    
    .region.region-header .contact .adress p,
    .region.region-header .contact .email a,
    .region.region-header .contact2 .phone a {
      font-size: 16px;
    }
    
    .region.region-header .contact .adress img,
    .region.region-header .contact .email img,
    .region.region-header .contact2 .phone img {
      width: 22px;
      height: 22px;
      margin-right: 10px;
    }
    
    .region.region-header div#block-vesta-theme-logo {
      margin: 0 auto;
      padding: 0;
    }
  
    .region.region-header .contact2 .btn {
      padding: 8px 28px;
      font-size: 16px;
}
   /* НАВИГАЦИЯ */
    
    div#page .navigation ul.sf-menu a, 
    div#page .navigation ul.sf-menu span.nolink {
        display: block;
        padding: 5px 35px 5px 5px;
        font-size: 16px;
    }

   ul.sf-menu .sf-sub-indicator:after{
      left: -5px;
      top: -3px;
      display: none;
    }  

    /* Меню услуги */

    div#page .navigation {
      padding: 5px;
      text-decoration: none;
    }
    
    div#page .navigation ul.sf-menu.sf-horizontal.sf-shadow ul, 
    div#page .navigation ul.sf-menu.sf-vertical.sf-shadow ul, 
    div#page .navigation ul.sf-menu.sf-navbar.sf-shadow ul ul {
        font-size: 16px;
    } 
    
    /* Поиск */
    
    .region.region-navigation input#edit-keys {
        width: 150px;
    }

      /* БАННЕР */

      .banner-block {
        padding: 0; 
        background-size: cover;   
        background-position: center;
      }
    
      .banner-block .field.field--name-node-title {
        font-size: 42px;
        margin: 70px 0 30px 0;
        text-align: start;
      }
      .banner-block .field.field--name-node-title .title_banner{
        font-size: 42px;
        text-align: start;
      }
    
      .banner-block p {
        font-size: 18px;
        margin-bottom: 40px;
        text-align: start;
        width: 900px;
      }
    
      .clearfix.text-formatted.field.field--name-field-description.field--type-text-long.field--label-hidden.field__item {
        margin-bottom: 40px;
      }

      .banner-block .field.field--name-dynamic-token-fieldnode-link-service p {
        display: flex;
        margin-bottom: 70px;
      }
    
      .banner-block a.service_go {
        font-size: 18px;
        padding: 12px 48px;
        display: inline-block;
        margin: 0;
        text-align: start;
      }
    
      /* О НАС */
      
    .region.region-about{
        position: relative;
        display: block;
        padding: 70px 0;
    } 
        
    .region.region-about .field--name-node-title h2 {
        left: 40%;
        padding: 0 0 10px 40px;
        font-size: 38px;
    } 
        
    .field.field--name-field-info-small{
        font-size: 18px;
        width: 544px;
        padding: 0 0 0 40px;
    }

    .region.region-about img {
        position: absolute;
        width: 385px;
        border-radius: 20px;
        object-fit: cover;
        transform: translateX(0%);
    } 

     /* УСЛУГИ */
    
      .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .block-title {
        font-size: 38px;
        text-align: start;
        margin-bottom: 30px;
      }
    
      .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .view-content {
        flex-wrap: wrap;
        justify-content: start;
        gap: 20px;
        margin-bottom: 70px;
      }

      .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .views-row{
        max-width: 300px;
      }
    
      div#block-vesta-theme-views-block-service-block-1 .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
        width: 100%;
        height: 390px;
      }

      .services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
        margin: 40px 0 30px 15px; 
        font-size: 20px;
        top: 0;
        text-align: left;
    }
    
    div#block-vesta-theme-views-block-service-block-1 .field.field--name-field-description-small.field--type-string-long.field--label-hidden.field__item{
        margin: 0 15px 40px 15px;
        top: 27%; 
        font-size: 16px;
        text-align: left;
    }
    
    .services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
        margin: 0 0 0 15px; 
        padding: 10px 24px;
        font-size: 18px;
        text-align: left;
        top: 80%;
    }

    /* РАБОТЫ */
  

    .works-block .region.region-works .block-title{
        margin: 0 0 30px 0px;
        font-size: 38px;
    }

    .region.region-works .view-content {
      display: grid;
      grid-template-columns: repeat(4, auto);
      grid-auto-rows: auto;
      gap: 20px;
      justify-content: center;
      margin: 0 auto 70px auto;
      width: fit-content;
  }

  .main .region.region-content .view-we-works .view-content{
    display: grid;
      grid-template-columns: repeat(4, auto) !important;
      grid-auto-rows: auto !important;
      gap: 20px;
      justify-content: center;
      margin: 0 auto 60px auto;
      width: fit-content;
  }

    .region.region-works .views-row:nth-child(6n+1) .field img,
    .region.region-works .views-row:nth-child(6n+2) .field img,
    .region.region-works .views-row:nth-child(6n) .field img,
    .region.region-works .views-row:nth-child(6n+5) .field img{
      width: 270px;
      height: 350px;
    }
    
    .region.region-works .views-row:nth-child(6n+3) .field img,
    .region.region-works .views-row:nth-child(6n+4) .field img{
      width: 520px;
      height: 350px;
    }  

    .main .region.region-content .view-we-works .views-row:nth-child(6n+1) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n+2) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n+5) .field img{
  width: 270px !important;
  height: 350px !important;
}

.main .region.region-content .view-we-works .views-row:nth-child(6n+3) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n+4) .field img{
  width: 520px !important;
  height: 350px !important;
} 
  
   /* ЭТАПЫ РАБОТЫ */


  .region.region-steps .block-title {
    font-size: 38px;
    text-align: left;
    margin-bottom: 30px;
  }

  .region.region-steps .view-content {
    gap: 20px;
    justify-content: center;
    margin-bottom: 70px;
  }

  .region.region-steps .views-row {
    width: 31.5%;
    height: auto;
    padding: 40px 30px;
  }

  .region.region-steps .views-row::after {
    font-size: 80px;
    bottom: 20px;
    right: 20px;
  }

  .region.region-steps p.steps_title {
    font-size: 20px;
    text-align: left;
  }

  .region.region-steps .clearfix.text-formatted.field.field--name-field-info-steap.field--type-text-long.field--label-hidden.field__item {
    font-size: 16px;
    text-align: left;
  }

  /* ФОРМА ОС */
  div#form-block{
    padding: 0 0 60px 0;
    margin: 0 0 70px 0;
  }

  .region.region-form {
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
  }


  .form-block .region.region-form .block-title {
    text-align: center;
    font-size: 22px;
    margin: 0 0 28px 0;
  }

  .form-block .region.region-form .form-control {
    font-size: 18px;
    padding: 12px 16px;
  }

  .form-block .region.region-form input#edit-actions-submit {
    padding: 12px 48px;
    font-size: 18px;
    display: block;
    margin: 30px auto 0;
  }

  .form-block .region.region-form div#edit-markup p {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }

  .form-block .region.region-form .mapContainer {
    flex-direction: column;
    align-items: center;
    margin: 30px 0 0 0;
    width: 100%;
  }

  .form-block div#block-vesta-theme-yandekskarta-2 {
    width: 90%;
  }
  .form-block div#block-vesta-theme-vebforma {
    width: 90%;
}
  div.mapContainer{
    height: 300px;
  }

  div.mapContainer{
    height: 300px !important;
  }



    /* ПОДВАЛ */

    
      .footer .region-footer {
        gap: 20px;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
      }
    
      .footer .region-footer div#block-vesta-theme-logo-3 {
        margin: 0;
      }
    
      .footer .region-footer .adress {
        width: 100%;
        margin: 0;
      }
    
      .footer .region-footer div#block-vesta-theme-osnovnayanavigaciya-3 {
        width: 100%;
        height: auto;
        margin: 0;
      }
    
      .footer ul.sf-menu.menu {
        flex-wrap: wrap;
        row-gap: 20px;
        column-gap: 16px;
        justify-content: center;
      }
    
      .footer ul.sf-menu.menu a.sf-depth-1 {
        width: auto;
      }
    
      .communication {
        align-items: center;
        margin: 0;
      }
    
      .communication .btn {
        padding: 10px 36px;
      }

      .copyrights-block .copyright p{
        text-align: center;
      }

      
  /* ВКЛАДКИ */


.main .region.region-content .block-title {
  font-size: 38px;
  text-align: start;
}

.main .region.region-content .view.view-service.view-id-service  .view-content {
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.main .region.region-content .view.view-service.view-id-service .view-content .views-row{
  max-width: 300px !important;
  width: 100%;
}

.main .region.region-content .view.view-service.view-id-service  .view-content .views-row .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
  height: 390px;
  width: 100%;
}

.main .region.region-content .view.view-service.view-id-service .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
  margin: 40px 0 30px 15px; 
  font-size: 20px;
  top: 0;
  text-align: left;
}

.main .region.region-content .view.view-service.view-id-service .field.field--name-field-description-small.field--type-string-long.field--label-hidden.field__item {
  margin: 0 15px 40px 15px;
  top: 27%; 
  font-size: 16px;
  text-align: left;
}

.main .region.region-content .view.view-service.view-id-service .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
  margin: 0 0 0 15px; 
  padding: 10px 24px;
  font-size: 18px;
  text-align: left;
  top: 80%;
}


.main .container .node--type-about p{
  font-size: 16px !important;
}

.main .container .node--type-page {
  font-size: 16px !important;
}

.main .container .node--type-services p{
  font-size: 16px !important;
}

.field-tel {
  font-size: 16px !important;
}

.field-mail{
  font-size: 16px !important;
}

.field-whatsapp{
  font-size: 16px !important;
}

  /* Вкладка услуг */

  div#block-vesta-theme-views-block-bedroom-block-1 .view-content,
  div#block-vesta-theme-views-block-living-room-block-1 .view-content,
  div#block-vesta-theme-views-block-kitchen-block-1 .view-content {
    margin: 0 0 70px 0;
  }

  div#block-vesta-theme-views-block-bedroom-block-1 .left,
  div#block-vesta-theme-views-block-living-room-block-1 .left,
  div#block-vesta-theme-views-block-kitchen-block-1 .left{
    
    width: 100%;
    max-height: 290px;
  }

  div#block-vesta-theme-views-block-bedroom-block-1 .left img,
  div#block-vesta-theme-views-block-living-room-block-1 .left img,
  div#block-vesta-theme-views-block-kitchen-block-1 .left img {
    width: 100%;
    height: 290px;
    object-fit: cover;
  }
}
    
@media screen and (min-width: 768px) and (max-width: 991px){

  div#page::before{
    top: 10%;
  }
      .region.region-header {
        display: grid;
        grid-template-areas:
          "logo logo"
          "contact contact2";
        grid-template-columns: auto auto;
        column-gap: 60px;
        align-items: start;
        margin: 10px auto;
      }

      .region.region-header .contact,
      .region.region-header .contact2 {
        align-items: start;
        margin: 0;
        gap: 5px;
      }
      .region.region-header .contact {
        grid-area: contact;
      }
      
      .region.region-header .contact2 {
        grid-area: contact2;
      }
    
      .region.region-header .contact .adress,
      .region.region-header .contact .email,
      .region.region-header .contact2 .phone {
        justify-content: center;
      }
    
      .region.region-header .contact .adress p,
      .region.region-header .contact .email a,
      .region.region-header .contact2 .phone a {
        font-size: 16px;
      }
    
      .region.region-header .contact .adress img,
      .region.region-header .contact .email img,
      .region.region-header .contact2 .phone img {
        width: 22px;
        height: 22px;
        margin-right: 10px;
      }
    
      .region.region-header div#block-vesta-theme-logo {
        margin: 0 auto;
        padding: 0;
        grid-area: logo;
      }
    
      .region.region-header .contact2 .btn {
        padding: 8px 28px;
        font-size: 16px;
      }



       /* НАВИГАЦИЯ */
        
        div#page .navigation ul.sf-menu a, 
        div#page .navigation ul.sf-menu span.nolink {
            display: block;
            padding: 3px 8px 3px 0;
            font-size: 14px;
        }
    
        ul.sf-menu .sf-sub-indicator:after{
            display: none;
        }
    
        
    
        
        /* Меню услуги */
        
        div#page .navigation ul.sf-menu.sf-horizontal.sf-shadow ul, 
        div#page .navigation ul.sf-menu.sf-vertical.sf-shadow ul, 
        div#page .navigation ul.sf-menu.sf-navbar.sf-shadow ul ul {
            font-size: 14px;
        } 
        
        /* Поиск */
        
        .region.region-navigation input#edit-keys {
            width: 100px;
        }
        
       /* БАННЕР */

       .banner-block {
        padding: 0; 
        background-size: cover;   
        background-position: center;
      }
    
      .banner-block .field.field--name-node-title {
        font-size: 42px;
        margin: 40px 0 30px 0;
        text-align: start;
      }
      .banner-block .field.field--name-node-title .title_banner{
        font-size: 42px;
        text-align: start;
        width: 700px;
        text-indent: 230px;
      }
    
      .banner-block p {
        font-size: 18px;
        margin-bottom: 40px;
        text-align: start;
        width: 700px;
      }
    
      .clearfix.text-formatted.field.field--name-field-description.field--type-text-long.field--label-hidden.field__item {
        margin-bottom: 40px;
      }

      .banner-block .field.field--name-dynamic-token-fieldnode-link-service p {
        display: flex;
        margin-bottom: 70px;
      }
    
      .banner-block a.service_go {
        font-size: 18px;
        padding: 12px 48px;
        display: inline-block;
        margin: 0;
        text-align: start;
      }
       
      /* О НАС */

      .region.region-about{
        position: relative;
        display: block;
        padding: 70px 0;
    } 
        
    .region.region-about .field--name-node-title h2 {
        position: relative;
        left: 40%;
        padding: 0px 0 0 20px;
        font-size: 28px;
    } 
        
    .field.field--name-field-info-small {
        left: 40%;
        position: relative;
        font-size: 14px;
        width: 430px;
        padding: 0 0 0 20px;
    }

    .region.region-about img {
        position: absolute;
        width: 350px;
        border-radius: 20px;
        height: 422px;
        object-fit: cover;
        transform: translateX(-18%);
    } 

    /* УСЛУГИ */
      .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .block-title {
        font-size: 28px;
        text-align: center;
      }
    
      .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .view-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
        margin: 0 0 70px 0;
      }

      .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .views-row{
        border-radius: 20px;
        overflow: hidden;
        max-width: 300px;
        width: 100%;
        max-height: 390px;  
      } 

      /* .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
        width: 300px;
        height: 390px;
      } */

      .services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
        margin: 40px 0 30px 15px; 
        font-size: 20px;
        top: 0;
        text-align: left;
    }
    
    div#block-vesta-theme-views-block-service-block-1 .field.field--name-field-description-small.field--type-string-long.field--label-hidden.field__item {
        margin: 0 15px 40px 15px;
        top: 27%; 
        font-size: 16px;
        text-align: left;
    }
    
    .services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
        margin: 0 0 0 15px; 
        padding: 10px 24px;
        font-size: 18px;
        text-align: left;
        top: 80%;
    }

        /* РАБОТЫ */
    
    .works-block .region.region-works .block-title{
        margin: 0 0 50px 0px;
        font-size: 28px;
        text-align: center;
    }
    
    .region.region-works .view-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
        margin: 0 0 70px 0;
    }
    .main .region.region-content .view-we-works .view-content{
      display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
        margin: 0 0 50px 0;
    }

    .region.region-works .views-row {
      display: flex;
      border-radius: 20px;
      overflow: hidden;
      position: relative;
      max-width: 311px !important;
      max-height: 250px;
      height: auto !important;
      object-fit: cover;
      align-items: center;
  }

  .main .region.region-content .view-we-works .views-row {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    max-width: 311px !important;
    max-height: 250px;
    height: auto !important;
    object-fit: cover;
    align-items: center;
  }

        /* ЭТАПЫ РАБОТЫ */

        
    .region.region-steps .block-title {
        font-size: 28px;
        text-align: center;
    }
        
    .region.region-steps .view-content {
        justify-content: center;
        gap: 20px;
        margin-bottom: 70px;
    }
        
    .region.region-steps .views-row {
        width: 45%;
        max-width: 600px;
        height: auto;
        padding: 40px 30px;
    }
        
    .region.region-steps .views-row::after {
        font-size: 80px;
        bottom: 20px;
        right: 25px;
    }
        
    .region.region-steps p.steps_title {
        font-size: 20px;
        text-align: left;
    }
        
    .region.region-steps .clearfix.text-formatted.field.field--name-field-info-steap.field--type-text-long.field--label-hidden.field__item {
        font-size: 16px;
        text-align: left;
    }

    /* ФОРМА ОС */

    div#form-block{
      padding: 0 0 50px 0;
      margin: 0 0 70px 0;
    }
      .region.region-form {
        flex-direction: column;
        align-items: center;
        gap: 32px;
        width: 100%;
        padding: 30px;
      }
    
      .form-block .region.region-form div#block-vesta-theme-vebforma {
        width: 100%;
      }
    
      .form-block .region.region-form .block-title {
        text-align: center;
        font-size: 20px;
        margin: 0px 0 20px;
      }
    
      .form-block .region.region-form .form-control {
        font-size: 16px;
        padding: 12px 14px;
      }
    
      .form-block .region.region-form input#edit-actions-submit {
        font-size: 16px;
        padding: 10px 40px;
        display: block;
        margin: 30px auto 0 auto;
      }
    
      .form-block .region.region-form div#edit-markup p {
        font-size: 12px;
        width: 100%;
        text-align: center;
        margin: 20px 0 30px;
      }

      div#block-vesta-theme-yandekskarta-2 {
        width: 100%;
    }

    .form-block .region.region-form .block-content.block-content--type-basic {
      width: 100% !important;
  }
    
      .form-block .region.region-form .mapContainer {
        flex-direction: column;
        align-items: center;
        margin: 0;
      }


      div.mapContainer{
        height: 280px !important;
      }
    
      .form-block .region.region-form .mapContainer > *:first-child,
      .form-block .region.region-form .mapContainer:after {
        width: 100%;
        height: 280px;
      }

    /* ПОДВАЛ */

    .footer {
        padding: 40px;
      }
    
      .footer .region-footer {
        flex-direction: column;
        gap: 20px;
      }
    
      .footer .region-footer div#block-vesta-theme-logo-3 {
        margin: 0 auto;
      }
    
      .footer .region-footer .adress {
        width: 100%;
        margin: 0;
        justify-content: center;
      }
    
      .footer .region-footer div#block-vesta-theme-osnovnayanavigaciya-3 {
        width: 100%;
        height: auto;
        margin: 0;
      }
    
      .footer ul.sf-menu.menu {
        flex-wrap: wrap;
        row-gap: 20px;
        column-gap: 16px;
        justify-content: center;
      }
    
      .footer ul.sf-menu.menu a.sf-depth-1 {
        width: auto;
      }

      .copyrights-block .copyright p{
        text-align: center;
      }
    
      .communication {
        align-items: center;
        margin: 0;
      }
    
      .communication .btn {
        padding: 10px 36px;
      }

      /* ВКЛАДКИ */

    .main .region.region-content .block-title {
      font-size: 28px;
      text-align: center;
    }

    .main .region.region-content .view.view-service.view-id-service .view-content {
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .main .region.region-content .view.view-service.view-id-service .view-content .views-row{
      max-width: 300px !important;
      width: 100%;
    }

    .main .region.region-content .view.view-service.view-id-service .view-content .views-row .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
      height: 390px;
      width: 100%;
    }

    .main .region.region-content .view.view-service.view-id-service .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
      margin: 40px 0 30px 15px; 
      font-size: 20px;
      top: 0;
      text-align: left;
    }

    .main .region.region-content .view.view-service.view-id-service .field.field--name-field-description-small.field--type-string-long.field--label-hidden.field__item {
      margin: 0 15px 40px 15px;
      top: 27%; 
      font-size: 16px;
      text-align: left;
    }

    .main .region.region-content .view.view-service.view-id-service .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
      margin: 0 0 0 15px; 
      padding: 10px 24px;
      font-size: 18px;
      text-align: left;
      top: 80%;
    }

    .main .container .node--type-about p{
      font-size: 16px !important;
    }

    .main .container .node--type-page {
      font-size: 16px !important;
    }


    .main .container .node--type-services p{
      font-size: 16px !important;
    }

    .field-tel {
      font-size: 16px !important;
    }

    .field-mail{
      font-size: 16px !important;
    }

    .field-whatsapp{
      font-size: 16px !important;
    }

   /* Вкладка услуг */

  div#block-vesta-theme-views-block-bedroom-block-1 .view-content,
  div#block-vesta-theme-views-block-living-room-block-1 .view-content, 
  div#block-vesta-theme-views-block-kitchen-block-1 .view-content {
    margin: 0 0 50px 0;
  }

  div#block-vesta-theme-views-block-bedroom-block-1 .left,
  div#block-vesta-theme-views-block-living-room-block-1 .left,
  div#block-vesta-theme-views-block-kitchen-block-1 .left{
    max-width: 360px !important;
    width: 100%;
    max-height: 290px;
  }

  div#block-vesta-theme-views-block-bedroom-block-1 .left img,
  div#block-vesta-theme-views-block-living-room-block-1 .left img,
  div#block-vesta-theme-views-block-kitchen-block-1 .left img {
    width: 100%;
    height: 290px;
    object-fit: cover;
  }
} 

@media screen and (max-width: 767px){
  
  div#page::before{
    top: 8%;
  }

  .mm-page {
      padding-top: 0 !important; 
  }
  .header .header-block {
      margin: 120px 0 40px 0; 
    }

  nav#mobile-nav:not(.mm-opened) {
    display: none !important;
}

    .header-mobile-block{
      display: block;
      z-index: 5;
    }

  .header-mobile-block .region.region-header-mobile{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0 20px;
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 100;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    background-color: #574D49;
}

  .header-mobile-block .region.region-header-mobile div#block-vesta-theme-logo-4 img{
    width: auto;
    height: 83px;
  }

.region.region-navigation-mobile,
nav#mobile-nav div.mm-panel{
  background-image: linear-gradient(#574D49 0%, #F9EBE6 84%, #FFFFFF 100%);
}
.dropdown-menu{
  background-color: transparent !important;
}

.region.region-navigation-mobile ul.navbar-nav{
    font-family: "Philosopher", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
  }

nav#mobile-nav div.mm-panel ul li a{
  font-family: "Philosopher", sans-serif;
  font-size: 20px;
}

nav#mobile-nav div.mm-panel .mm-listview li a:hover{
  background-color: #574D49 !important;
  color: #fff !important;
}

.mm-listview li a.active {
  background: #574D49 !important;
  color: #fff !important;
}

nav#mobile-nav .mm-navbar .mm-title{
  font-family: "Philosopher", sans-serif;
  font-size: 20px;
}

  .dropdown-toggle::after{
      display: none;
  }
  
  .region.region-header {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
  }

  .region.region-header .contact,
  .region.region-header .contact2 {
    flex-direction: column;
    align-items: center;
    margin: 0;
    gap: 5px;
  }

  .region.region-header .contact .adress,
  .region.region-header .contact .email,
  .region.region-header .contact2 .phone {
    justify-content: center;
  }


  .region.region-header .contact .adress p,
  .region.region-header .contact .email a,
  .region.region-header .contact2 .phone a {
    font-size: 16px;
  }

  .region.region-header .contact .adress img,
  .region.region-header .contact .email img,
  .region.region-header .contact2 .phone img {
    width: 22px;
    height: 22px;
    margin-right: 10px;
  }

  .region.region-header div#block-vesta-theme-logo {
   display: none;
  }

  .region.region-header .contact2 .btn {
    padding: 8px 28px;
    font-size: 16px;
  }

  div#page .navigation{
    display: none;
}

       /* БАННЕР */

       .banner-block {
        padding: 0 0 30px 0; 
        background-size: cover;   
        background-position: center;
      }
    
      .banner-block .field.field--name-node-title {
        font-size: 26px;
        margin: 30px 0 20px 0;
        text-align: start;
      }
      .banner-block .field.field--name-node-title .title_banner{
        font-size: 26px;
        text-align: start;
        width: 100%;
        margin-left: -140px;
        text-indent: 150px;
      }
    
      .banner-block p {
        font-size: 14px;
        margin-bottom: 30px;
        text-align: start;
      }
    
      .clearfix.text-formatted.field.field--name-field-description.field--type-text-long.field--label-hidden.field__item {
        margin-bottom: 20px;
      }
    
      .banner-block a.service_go {
        font-size: 14px;
        padding: 6px 28px;
        display: inline-block;
        margin: 0;
        text-align: start;
      }

      /* О НАС */
      .region.region-about {
        padding: 50px 0;
      }
    
      .region.region-about .field--name-node-title h2 {
        position: relative;
        padding: 0;
        margin: 0;
        font-size: 28px;
        text-align: center;
        left: 0;
      }
    
      .field.field--name-field-info-small {
        position: relative;
        padding: 0;
        width: auto;
        font-size: 16px;
        text-align: center;
        left: 0;
      }
    
      .region.region-about img {
        position: relative;
        display: block;
        left: 0;
        width: 100%;
        height: 200px;
        right: 0;
        object-fit: cover;
        border-radius: 20px;
        transform: translateX(0);
      }
      
    /* УСЛУГИ */
    
      .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .block-title {
        font-size: 28px;
        text-align: center;
        margin: 0 0 15px 0;
      }
    
      .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .view-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        margin-bottom: 50px;
      }

      .services-block .region.region-services div#block-vesta-theme-views-block-service-block-1 .views-row {
        max-width: 300px;
        width: 100%;
        max-height: 330px;
        width: 262px;
        height: auto;
    }
    
      .services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
        margin: 20px 0 30px 15px; 
        font-size: 18px;
        top: 0;
        text-align: left;
    }
    
    div#block-vesta-theme-views-block-service-block-1 .field.field--name-field-description-small.field--type-string-long.field--label-hidden.field__item{
        margin: 0 15px 40px 15px;
        top: 18%; 
        font-size: 14px;
        text-align: left;
    }
    
    .services-block div#block-vesta-theme-views-block-service-block-1 .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
        margin: 10px 0 0 15px; 
        padding: 10px 24px;
        font-size: 14px;
        text-align: left;
        top: 62%;
    }

     /* РАБОТЫ */

    .works-block .region.region-works .block-title{
        margin: 0 0 15px 0px;
        font-size: 28px;
        text-align: center;
    }

    .region.region-works .view-content {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px !important;
        justify-content: center !important;
        margin: 0 auto 50px auto !important;
    }

    .main .region.region-content .view-we-works .view-content{
      display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px !important;
        justify-content: center !important;
        margin: 0 auto 50px auto !important;
    }
    .region.region-works .views-row {
      display: flex;
      border-radius: 20px;
      overflow: hidden;
      position: relative;
      max-width: 268px !important;
      max-height: 250px;
      height: auto !important;
      object-fit: cover;
      align-items: center;
  }


  .main .region.region-content .view-we-works .views-row {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    max-width: 260px !important;
    max-height: 250px;
    height: auto !important;
    object-fit: cover;
    align-items: center;
  }

    
    
    /* ЭТАПЫ РАБОТЫ */

      .region.region-steps .block-title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 15px;
      }
    
      .region.region-steps .view-content {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-bottom: 50px;
      }
    
      .region.region-steps .views-row {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 30px 20px;
      }
    
      .region.region-steps .views-row::after {
        font-size: 60px;
        bottom: 15px;
        right: 15px;
      }
    
      .region.region-steps p.steps_title {
        font-size: 18px;
        text-align: center;
      }
    
      .region.region-steps .clearfix.text-formatted.field.field--name-field-info-steap.field--type-text-long.field--label-hidden.field__item {
        font-size: 14px;
        text-align: center;
      }

      /* ФОРМА ОС */ 
    
      div#form-block{
        padding: 0 0 50px 0;
        margin: 0 0 50px 0;
      }
      .region.region-form {
        flex-direction: column;
        align-items: center;
        gap: 24px;
        width: 100%;
        padding: 20px;
      }
    
      .form-block .region.region-form div#block-vesta-theme-vebforma {
        width: 100%;
      }
    
      .form-block .region.region-form .block-title {
        text-align: center;
        font-size: 18px;
        margin: 0px 0 16px;
      }
    
      .form-block .region.region-form .form-control {
        font-size: 14px;
        padding: 10px 12px;
      }
    
      .form-block .region.region-form input#edit-actions-submit {
        font-size: 14px;
        padding: 10px 30px;
        display: block;
        margin: 24px auto 0;
      }
    
      .form-block .region.region-form div#edit-markup p {
        font-size: 12px;
        width: 100%;
        text-align: center;
        margin: 20px 0 30px;
      }

      div#block-vesta-theme-yandekskarta-2 {
        width: 100%;
    }

    .form-block .region.region-form .block-content.block-content--type-basic {
      width: 100% !important;
  }
    
      .form-block .region.region-form .mapContainer {
        flex-direction: column;
        align-items: center;
        margin: 0;
      }
    
      div.mapContainer{
        height: 250px !important;
      }

      .form-block .region.region-form .mapContainer > *:first-child,
      .form-block .region.region-form .mapContainer:after {
        width: 100%;
        height: 250px;
      }

      /* ПОДВАЛ */

      .footer {
        padding: 40px 20px;
        text-align: center;
      }
    
      .footer .region-footer {
        flex-direction: column;
        align-items: center;
        gap: 10px;
      }
    
      .footer .region-footer div#block-vesta-theme-logo-3 {
        margin: 0;
      }
    
      .footer .region-footer .adress {
        width: auto;
      }
    
      .footer .region-footer div#block-vesta-theme-osnovnayanavigaciya-3 {
        width: 100%;
        height: auto;
        margin: 0;
      }
    
      .footer ul.sf-menu.menu {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        row-gap: 10px;
      }
    
      .footer ul.sf-menu.menu a.sf-depth-1 {
        width: 100%;
        text-align: center;
      }

      .footer ul.sf-menu li{
        z-index: 1 !important;
      }
    
      .communication {
        align-items: center;
      }
    
      .communication .btn {
        padding: 10px 32px;
      }
    
      .copyrights-block .copyright p {
        text-align: center;
      }
    
      .vesta_backlink {
        text-align: center;
      }

      /* ВКЛАДКИ */

      .main .region.region-content .page-title {
        font-size: 35px;
        text-align: center;
      }

      
      .main .region.region-content .view.view-service.view-id-service .view-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        max-width: 300px;
        margin: 0 auto;
      }

      .main .region.region-content .view.view-service.view-id-service .view-content .views-row{}
      
      .main .region.region-content .view.view-service.view-id-service .view-content .views-row .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item{
        width: 100% !important;
        height: 300px;
      }
      
      .main .region.region-content .view.view-service.view-id-service .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
        margin: 40px 0 30px 15px; 
        font-size: 18px;
        top: 0;
        text-align: left;
      }
      
      .main .region.region-content .view.view-service.view-id-service .field.field--name-field-description-small.field--type-string-long.field--label-hidden.field__item {
        margin: 0 15px 40px 15px;
        top: 27%; 
        font-size: 14px;
        text-align: left;
      }
      
      .main .region.region-content .view.view-service.view-id-service .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
        margin: 0 0 0 15px; 
        padding: 10px 24px;
        font-size: 14px;
        text-align: left;
        top: 80%;
      }



      .main .container .node--type-about p{
        font-size: 14px !important;
      }
      
      .main .container .node--type-page {
        font-size: 14px !important;
      }

      
    .main .container .node--type-services p{
      font-size: 14px !important;
    }

    .field-tel {
      font-size: 14px !important;
    }

    .field-mail{
      font-size: 14px !important;
    }

    .field-whatsapp{
      font-size: 14px !important;
    }
  
   /* Вкладка услуг */

  div#block-vesta-theme-views-block-bedroom-block-1 .view-content,
  div#block-vesta-theme-views-block-living-room-block-1 .view-content,
  div#block-vesta-theme-views-block-kitchen-block-1 .view-content {
    margin: 0 0 30px 0;
  }
  
  .node.node--type-bedroom.node--view-mode-teaser.ds-1col,
  .node.node--type-living-room.node--view-mode-teaser.ds-1col,
  .node.node--type-kitchen.node--view-mode-teaser.ds-1col{
    flex-direction: column;
  }

  div#block-vesta-theme-views-block-bedroom-block-1 .left,
  div#block-vesta-theme-views-block-living-room-block-1 .left,
  div#block-vesta-theme-views-block-kitchen-block-1 .left{
    max-width: 100% !important;
    width: 100%;
    max-height: 290px;
  }

  div#block-vesta-theme-views-block-bedroom-block-1 .left img,
  div#block-vesta-theme-views-block-living-room-block-1 .left img,
  div#block-vesta-theme-views-block-kitchen-block-1 .left img {
    width: 100%;
    height: 290px;
    object-fit: cover;
  }    
  
  div#block-vesta-theme-views-block-bedroom-block-1 .right,
  div#block-vesta-theme-views-block-living-room-block-1  .right,
  div#block-vesta-theme-views-block-kitchen-block-1 .right{
    width: 100% !important;
  }
}

.page.not-front::before {
  top: 6% !important;
}

.main .container h1.page-title {
  margin: 20px 0;
  color: #ffffff;
}

.main .container .node--type-about p{
  margin: 0 0 30px 0;
  color:#fff !important;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.main .container .node--type-services p{
  margin: 0 0 30px 0;
  color: #fff !important;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.main .container .node--type-page {
  margin: 0 0 30px 0;
  color:#fff !important;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.field-tel {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.field-tel .tel{
  color: #fff;

}
.field-tel .tel:hover{
  color:#000;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.field-mail{
  color:#fff;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.field-mail .mail{
  color: #fff;

}

.field-mail .mail:hover{
  color:#000;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.field-whatsapp{
  color:#fff;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.field-whatsapp .whatsapp{
  color: #fff;

}

.field-whatsapp .whatsapp:hover{
  color:#000;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.main .region.region-content .view-we-works .view-content{
  display: grid;
  grid-template-columns: repeat(4, 25%);
  grid-auto-rows: 478px;
  gap: 30px;
  justify-content: center;
  margin: 0 auto 150px auto;
  max-width: 1400px;
}

.main .region.region-content .view-we-works .views-row {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.main .region.region-content .view-we-works.views-row .field-content {
  height: 100%;
}

.main .region.region-content .view-we-works .views-row .field img{
  object-fit: cover;
  display: block;
  border-radius: 20px;
  transition: box-shadow 0.3s ease;
}

.main .region.region-content .view-we-works .views-row:nth-child(6n+1) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n+2) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n+5) .field img{
  width: 311px;
  height: 478px;
  object-fit: cover;
}

.main .region.region-content .view-we-works .views-row:nth-child(6n+3) .field img,
.main .region.region-content .view-we-works .views-row:nth-child(6n+4) .field img{
  width: 652px;
  height: 478px;
  object-fit: cover;
}  


.main .region.region-content .view-we-works .views-row:nth-child(6n+1) {
  grid-column: 1;
  grid-row: 1;
}


.main .region.region-content .view-we-works .views-row:nth-child(6n+1):hover {
  box-shadow: 0 0 15px #F37C53;
}

.main .region.region-content .view-we-works .views-row:nth-child(6n+2) {
  grid-column: 2;
  grid-row: 1;
}

.main .region.region-content .view-we-works .views-row:nth-child(6n+2):hover {
  box-shadow: 0 0 15px #F37C53;
}


.main .region.region-content .view-we-works .views-row:nth-child(6n+3) {
  grid-column: 3/ span 2;
  grid-row: 1;
}

.main .region.region-content .view-we-works .views-row:nth-child(6n+3):hover {
  box-shadow: 0 0 15px #F37C53;
}


.main .region.region-content .view-we-works .views-row:nth-child(6n+4) {
  grid-column: 1 / span 2; 
  grid-row: 2;
}

.main .region.region-content .view-we-works .views-row:nth-child(6n+4):hover {
  box-shadow: 0 0 15px #F37C53;
}


.main .region.region-content .view-we-works .views-row:nth-child(6n+5) {
  grid-column: 3;
  grid-row: 2;
}

.main .region.region-content .view-we-works .views-row:nth-child(6n+5):hover {
  box-shadow: 0 0 15px #F37C53;
}


.main .region.region-content .view-we-works .views-row:nth-child(6n) {
  grid-column: 4;
  grid-row: 2;
}

.main .region.region-content .view-we-works .views-row:nth-child(6n):hover {
  box-shadow: 0 0 15px #F37C53;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{ 
  border-radius: 20px;
}


 nav#block-vesta-theme-osnovnayanavigaciya-4 li.nav-item.dropdown .dropdown-toggle::after{
  display: none;
 }





.main .view-service .view-content {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  gap: 30px;
  margin: 0 0 141px 0;
}

.main .region.region-content .view.view-service.view-id-service .view-content .views-row{
  border-radius: 20px;
  overflow: hidden;
  object-fit: cover;
  max-width: 440px;
  width: 100%;
  background: linear-gradient(180.00deg, rgba(54, 30, 24, 0.61) 36.538%,rgba(143, 94, 76, 0.61) 100%);
}


.main .region.region-content .view.view-service.view-id-service .view-content .views-row .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item{
  width: 100%;
  height: 390px;
  position: relative;
  z-index: -1;
}

.main .region.region-content .view.view-service.view-id-service .view-content .views-row .field.field--name-field-service-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(4px);
}

.main .region.region-content .view.view-service.view-id-service .view-content .views-row:hover{
  box-shadow: 0px 0px 10px 0px #F37C53;
}

.main .region.region-content .view.view-service.view-id-service .view-content .views-row .field h2 {
  position: absolute;
  margin: 57px 0 30px 51px; 
  padding: 0;
  font-size: 24px;
  font-family: "Philosopher", sans-serif;
  z-index: 5;
  top: 0;
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0%;
  text-align: left;
}

.main .region.region-content .view.view-service.view-id-service  .view-content .views-row .field p {
  position: absolute;
    margin: 0 50px 40px 51px;
    padding: 0;    
    z-index: 5;
    top: 27%; 
    color: rgb(255, 255, 255);
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;
}

.main .region.region-content .view.view-service.view-id-service  .view-content .views-row .field a {
  position: absolute;
  margin: 0 0 0 51px; 
  padding: 12px 48px;
  border: 1.5px solid #fff;
  border-radius: 10px;
  font-family: "Philosopher", sans-serif;
  font-size: 20px;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
  background-color: none;
  z-index: 5;
  top: 80%;
}

.main .region.region-content .view.view-service.view-id-service .view-content .views-row .field a:hover{
  background-color: #F37C53;
  border: 1.5px solid #F37C53;
  text-decoration: none;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
  margin: 0 0 50px 0;
}

.page-item .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000;
  background-color: transparent;
  border: none;
}

.page-item.active .page-link{
  color: #fff;
  text-decoration: underline;
  background-color: transparent !important;
  border: none !important;
}

.page-item .page-link:hover{
  color: #fff;
  text-decoration: underline; 
  background-color: transparent;
    border: none;
}

.page-item .page-link:focus{
  box-shadow: none;
}


/* Вкладка услуг */

div#block-vesta-theme-views-block-bedroom-block-1 .view-content,
div#block-vesta-theme-views-block-living-room-block-1 .view-content,
div#block-vesta-theme-views-block-kitchen-block-1 .view-content {
  margin: 0 0 141px 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

div#block-vesta-theme-views-block-bedroom-block-1 .view-content .views-row,
div#block-vesta-theme-views-block-living-room-block-1 .view-content .views-row,
div#block-vesta-theme-views-block-kitchen-block-1 .view-content .views-row{
  width: 100%;
  height: auto;
}

.node.node--type-bedroom.node--view-mode-teaser.ds-1col,
.node.node--type-living-room.node--view-mode-teaser.ds-1col,
.node.node--type-kitchen.node--view-mode-teaser.ds-1col{
  display: flex;
  align-content: center;
  align-items: center;
  gap: 30px;
}

div#block-vesta-theme-views-block-bedroom-block-1 .left,
div#block-vesta-theme-views-block-living-room-block-1 .left,
div#block-vesta-theme-views-block-kitchen-block-1 .left{
  border-radius: 20px;
  overflow: hidden;
  object-fit: cover;
  max-width: 440px;
  width: 100%;
  max-height: 311px;
}

div#block-vesta-theme-views-block-bedroom-block-1 .left img,
div#block-vesta-theme-views-block-living-room-block-1 .left img,
div#block-vesta-theme-views-block-kitchen-block-1 .left img {
  width: 100%;
  height: 311px;
  object-fit: cover;
}

div#block-vesta-theme-views-block-bedroom-block-1 .right,
div#block-vesta-theme-views-block-living-room-block-1 .right,
div#block-vesta-theme-views-block-kitchen-block-1 .right{
  min-width: 200px;
}

div#block-vesta-theme-views-block-bedroom-block-1 .right .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2,
div#block-vesta-theme-views-block-living-room-block-1 .right .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2,
div#block-vesta-theme-views-block-kitchen-block-1 .right .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2{
  font-size: 24px;
  font-family: "Philosopher", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0%;
  text-align: left;
}

div#block-vesta-theme-views-block-bedroom-block-1 .field.field--name-field-service-price.field--type-string.field--label-inline,
div#block-vesta-theme-views-block-living-room-block-1 .field.field--name-field-service-price.field--type-string.field--label-inline,
div#block-vesta-theme-views-block-kitchen-block-1 .field.field--name-field-service-price.field--type-string.field--label-inline{
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: left;
}