.hero-section h1 {
  text-transform: uppercase;
  font-size: 4vw;
  line-height: 1.4;
  font-weight:500;
}
/* gutenberg icons */
.iconboxes * {
  font-size: 0.9em;
}
.iconboxes img {
  height:3vw!important;
  width:auto;
  margin-bottom: 1em;
  
}
.iconboxes.nowrap {
  flex-wrap: nowrap!important;
  gap: 2vw;
}
@media (max-width: 781.5px) {
  .iconboxes.nowrap .wp-block-column {
    flex: 0 1 auto!important;
  }
}
@media (max-width: 767.5px) {
  .iconboxes img {
    height:5vw!important;
    margin-bottom:1em;
   }     
  .hero-section h1 { 
    font-size:8.5vw; 
  }
}
/* END HERO SECTION */
/* catalog */
.catalog-spinner * {
	color:var(--color-primary);
}
.catalog-spinner {
  position: absolute;
  width: 8em;
  height: 8em;
  background-color: rgba(255, 255, 255, .9);
  top: 5%;
  right: 45%;
  border-radius: 50%;
  z-index: 5;
  box-shadow: 0 0 13.0208333333vw rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer; 
}
.catalog-spinner:hover .pdf-circle {
  animation-play-state: paused;
}
.catalog-spinner .pdf-circle { 
  position: absolute; 
  width: 96%;
  height: 96%;
  animation: rotation 15s linear infinite;
}
.catalog-spinner .circle-arrow {
  width: .7vw;
  height: .7vw;
  fill: var(--color-primary);
  margin-bottom: 0.3vw;
}
.catalog-spinner .circle-arrow path {
  fill: var(--color-primary);
}
.catalog-spinner p {
  color: var(--color-primary);
  font-weight: 600;
  font-size: 0.7vw;
  line-height: 0.7vw;
  text-align: center;  
}
@media (max-width:767.5px) {
  .catalog-spinner {
    top:auto;
    bottom:auto;
    right:5%; /* выходит за пределы */
    transform: scale(0.8);
  }
  .row-cols-2 .catalog-body .card-body {
    font-size: small;
  }
  .row-cols-2 .price-regular {  
    font-size: 105%;
  }
}
/* end catalog block */

/* get consultation */
.block-get_consultation .wrapper {
  border-radius: var(--border-radius);
}
.block-get_consultation img.free-position.free-bottom-default {
  right:50%;
  transform: translateX(50%);
  bottom:0;
  height:calc(var(--gap) * 23);
}
.block-get_consultation div.free-position {
  color: #333;
  background: #ffffffd4;
  padding: 0.5em;
  font-size: var(--font-size-small);
  bottom: var(--gap);
  left: 45%;
}
@media (max-width:767.5px) {
  .block-get_consultation .wrapper {
    padding-bottom: 60vw!important;
  }
  .block-get_consultation img.free-position {
    height:59vw!important;
    right: 50%!important;
    transform: translateX(50%)!important;
    bottom: 0 !important;
  }
}

/* end get consultation */


/* contacts */
.grid-contacts {
  display: grid;
  grid-template-columns: 16vw 1fr 1fr;
  grid-template-rows: auto;
  align-items: stretch;
  gap: var(--gap);
  
} 
.contacts-map {
  display: flex;
  flex-direction: column;
}
.map-container {
  flex-grow: 1;
  height: 100%;
}

.map-container iframe {
  height: inherit;
  flex-grow: 1;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.grid-contacts .ds-grid-promo-3 {
  grid-auto-rows: calc(var(--gap) * 4);
  gap: var(--gap05);
}


@media (max-width:991.5px) {
  .grid-contacts {
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto auto;
  }
  .grid-contacts > div:last-child {
    grid-column: span 2;
  }
}
@media (max-width:767.5px) {
  .grid-contacts {
    display: block;
  }
  .map-container iframe {
    height: 65vw;
  }
}

/* end contacts */

/*  reviews */
.card-review {
  font-size: 0.9em;
  box-shadow: 0 0 0.9em 0.1em rgba(200,200,200, 0.3);
  border-radius: var(--border-radius);
  padding: var(--gap05);  
}

@media (min-width:768px) {
  .card-review .readmore-container > div {
    height: 5em;
  }
  .card-review .readmore-container > div:after {
    height: 5em;
  }
}
.card-review-header img {
  width:5em;
  height:auto;
  aspect-ratio: 1 / 1 ;
  border-radius: 50%;
}

.review-img-container {
  width:60%;
  aspect-ratio: 1 / 1;
}
.review {
  margin-bottom: var(--gap);
  background-color:var(--bg-gray);
  padding: var(--gap);
}
.review-images img {
  aspect-ratio: 4 / 3;
}
.review-images .col:nth-child(1n+5) {
  display: none;
}
.rating path {
  fill: green;
}
.rating[data-rating="1"] svg:nth-child(1n+2) {
  fill: #AAAAAA;
}
.rating[data-rating="1"] svg:nth-child(1n+2) path {
  fill: #AAAAAA;
}
.rating[data-rating="2"] svg:nth-child(1n+3) {
  fill: #AAAAAA;
}
.rating[data-rating="2"] svg:nth-child(1n+3) path {
  fill: #AAAAAA;
}
.rating[data-rating="3"] svg:nth-child(1n+4) {
  fill: #AAAAAA;
}
.rating[data-rating="3"] svg:nth-child(1n+4) path {
  fill: #AAAAAA;
}
.rating[data-rating="4"] svg:nth-child(1n+5) {
  fill: #AAAAAA;
}
.rating[data-rating="4"] svg:nth-child(1n+5) path {
  fill: #AAAAAA;
}
/* end reviews */


/* side fixed */
#aside-widget {
  position: fixed;
  top: 50%;
  right: -7vw;
  width: 5vw;
  transform: translateY(-50%);
  z-index: 51;
  transition: 0.3s;
}
#aside-widget.visible {
  right: 0;
}
#aside-widget-close {
  color:white;
  width: 1.7vw;
  height: 1.7vw;
  font-size:1.5vw;
  line-height: 1.5vw;
  margin-bottom: 1em;
  background-color: var(--color-primary);
  border-radius: 50%;
  cursor: pointer;
  transform: rotate(45deg);
  transition: 0.3s;
}

#aside-widget-close.closed {
  transform: rotate(0);  
}
#aside-widget-container {
  width: 5vw;
  display: flex;
  flex-direction: column;
}
#aside-widget-container > a {
  width: 100%;
  height: 5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:.5em;
  text-align: center;
  background-color: var(--color-primary);
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  margin-bottom: 0.3em;
  cursor: pointer;
  transition: 0.3s;
}
#aside-widget-container > a:hover {
  background-color: var(--color-primary-darken);
}
#aside-widget-container > a:last-child {
  margin-bottom: 0;
}
#aside-widget-container a img {
  height: 38%;
  object-fit: contain;
  margin-bottom: 0.5em;
}
#aside-widget-container span {
  font-size:0.7em;
  line-height: 1;
  color:white;
}
@media (max-width:767.5px) {
  #aside-widget {   
    right: -17vw;
  }
  #aside-widget, #aside-widget-container {
    width: 14vw;
  }  
  #aside-widget-close {
    width: 7vw;
    height: 7vw;
    font-size:6vw;
    line-height: 6vw;
  }
  #aside-widget-container > a {
    height: 14vw;
  }
  #aside-widget-container span {
    font-size:2.4vw;
  }
  
}
/* end side fixed */


/*  hidden text скрывающийся текст */
.readmore-container > div:first-child {
  position: relative;
  height: 7em;
  margin: 0 auto;  
  overflow: hidden;
  transition: all 300ms;
}
.readmore-container > div:first-child:after {
  position: absolute; 
  bottom:0;
  content:'';
  width:100%;  
  display: block;
  height:7em;
  background:linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
}
.readmore-container.open > div:first-child {
  overflow:none;
  height:auto;
}
.readmore-container.open div:first-child:after {
  display: none;
}
.readmore-btn {
  font-weight: bolder;
}
.readmore-btn::after {
  border-color: #ADADAD !important;
}

/**  end hidden text */


/* sticky_features */
.block-sticky_features .wrapper {
  width: 91vw;
  margin: 0;
  margin-left: auto;
}
.sticky-features-sticky {
  position: sticky;
  top: calc(var(--gap) * 5);
  height:100%;
}
.sticky-features-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;  
  position: relative;
  top: var(--gap);
  margin-bottom: var(--gap2);
}
.sticky-features-number {
  margin-top:3em;
  font-weight: bold;;
  color: var(--color-primary);
}
.sticky-features-bg {
  width:90%;
  aspect-ratio: 6 / 3;
}
.sticky-features-bg img {
  width:100%;
  height:100%;
  object-fit: cover;
}

.sticky-features-text {
  position: absolute;  
  left: 0;
  bottom: 3em;
  padding: var(--gap);
  background:white;
  color:initial;  
  width:65%;
}
.sticky-features-text * {
  font-size:var(--font-size-small);
}



@media (max-width:767.5px) {
	.sticky-features-text * {
  font-size:var(--font-size-smallest);
}
  .sticky-features-sticky {
    position: static;
  }
  .sticky-features-block img {
    height:47vw;
  }
  .sticky-features-text {
    bottom:1em;
    width:80%;
  }
  .sticky-features-number {
    margin-top:0;
  }
}
/* end reasons */

/* house */

.block-imagemap h2, .block-imagemap .subtitle {
  color:white;
}
.block-imagemap .wrapper {
  height: 50vw;
  padding-top: var(--gap2);
  padding-bottom: var(--gap2);
}            
.imagemap-block {
  position: absolute;
  cursor: pointer;
}

.imagemap-plus {
  z-index: 3;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background:var(--color-primary);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25em;
  font-weight: 500;
}

.imagemap-plus::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #fff;
  animation: plusPulse 2s infinite;
}

@keyframes plusPulse {
  0% {
    opacity: 0.5;
  }
  80%{
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
  100%{
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}

.imagemap-content {
  position: absolute;
  top: 75%;
  left: 75%;
  border-radius: 0.5em;
  background: #FFF;
  padding: 1em;
  transition: 0.4s;
  opacity:0;
  width: 14vw;
  overflow: hidden;
  opacity: 0;
  font-size:smaller;
  z-index: 2;
}
.imagemap-plus:hover + .imagemap-content { 
  opacity:1;
}
.imagemap-block.left-side .imagemap-content {
  left:auto;
  right:75%;   
}
/* house */




/******* CATALOG *************/
 
.card-catalog .swiper-pagination {
  bottom: 0.5rem!important;
}
.card-catalog .swiper img {
  width:100%;
  aspect-ratio: 5 / 3;
  object-fit: cover;
}
.catalog-item-gallery {
  position: relative;
}
.item-status {
  position:absolute;
  top:1.5em;
  left:0;  
  padding: 0.2em 0.5em;
  font-size: 0.75em;
  color:white;
  width:auto;
}
.item-status::before {  
  content: '';
  height:1em;
  width:1em;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right:0.25em;
}
.status-hit {
  background: #31B939;
}
.status-hit:before {
  background-image: url('/wp-content/themes/theme/assets/img/general/hit-icon.svg');
}
.status-hit:after {
  content:'ХИТ';
}

.status-sale {
  background: #316cb9;
}
.status-sale:before {
  background-image: url('/wp-content/themes/theme/assets/img/general/sale-icon.svg');
}
.status-sale:after {
  content: 'РАСПРОДАЖА';
}
.item-status.status-no {
  display: none;
}

.col-catalog {
  padding:0.5em;
}
.card-catalog {
  box-shadow: 0 0.2vw 0.6vw 1px #dcdcdc;  
}


.card-catalog .swiper-container {
  aspect-ratio: 3 / 2;
} 
.price-container {
  font-size:1em;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.25em 0;
}
.price-regular {
  font-weight: 700;
  font-size:var(--font-size-largest);
}
.price-stroke span {
  font-size: smaller;
  color: #666;
  text-decoration: line-through;
}

.order-container {
  display: flex;
  justify-content: center;
  margin-top: auto;
}
a.item-order {
  border: 1px solid var(--color-primary);
  color: var(--color-primary)!important;
  padding:0.5em 1em;
  font-size:0.8em;
  text-transform: uppercase;
 }
 .product-text {
  margin-top:1vw;
  padding-top:1vw;
  border-top:1px solid #c0c0c0;
 }
 /* CATALOG */



/* gallery */
.gallery a {
  display: block;
  width:100%;
  height:100%;
  cursor:pointer;
  position: relative;
  z-index: 4;
}
.gallery .ds-item {  
  transition: all 200ms;
}


.gallery:not(.auto-height) img {
  width:100%;
  height:100%;
  object-fit: cover;
  aspect-ratio: 3/2;
}

.img-title {
  width:100%;
  position: absolute;
  top:0;
  font-weight: bold;
  color:var(--text-color);
  font-size: var(--font-size-small);
}
.img-desc {
  width:100%;
  position: absolute;
  bottom: 0;
  font-weight: bold;
  background: rgba(255,255,255,0.7);
  color:var(--text-color);
  font-size: var(--font-size-small);
}
.img-title-container {
  position: absolute;  
  bottom:0;
  z-index: 4;
  width:100%;  
  background: #f9f9f9;
  padding:0.5em;
}
.img-title-container .img-title, .img-title-container .img-desc {
  position: static;
  background: none;;
}
/* end gallery */

/* FAQ */
.questions-item {
  background: transparent;
  border-radius: var(--border-radius);
  width: 100%;
  padding: var(--gap) var(--gap2)  var(--gap)  var(--gap);
  position: relative;
	border: 1px solid var(--border-color);
  line-height: 1;
}

.questions-item .item-title { 
  font-weight: bolder;  
  cursor: pointer;
}
.questions-item .item-content {
  padding-top:0.5em;
  font-size: 0.9em;
  color: currentColor;
  display: none;
}
.questions-item .item-btn {
  position: absolute;
  z-index: 5;
  width: 1.25em;
  height: 1.25em;
  top: var(--gap);
  right: var(--gap);
  border-radius: 50%;
  background-color: var(--color-primary);
  display: flex;
  align-items: center;
  transition: 0.3s;
  justify-content: center;
  cursor: pointer;
}
.questions-item .item-btn img, .questions-item .item-btn svg {
  width: 0.52vw;
  height: 0.52vw;
  object-fit: contain;
  fill: #fff;
}
.questions-item .item-btn img path, .questions-item .item-btn svg path {
  fill: #fff;
}
.questions-item .item-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: var(--color-primary);
  animation: pulse_2_small 2s linear infinite;
  z-index: -1;
}
.questions-item .item-btn.open {
  transform: rotate(45deg) scale(1.3);
  background-color: #EFEFEF;  
  filter: drop-shadow(0 0 2.6041666667vw rgba(0, 0, 0, 0.05));
}
.questions-item .item-btn.open::after {
  display: none;
}
.questions-item .item-btn.open img, .questions-item .item-btn.open svg {
  fill: #131414;
}
.questions-item .item-btn.open img path, .questions-item .item-btn.open svg path {
  fill: #131414;
}
@media (max-width:767.5px) {
  .questions-item .item-btn {  
  }
  .questions-item .item-btn img, .questions-item .item-btn svg {
    width: 50%;
    height:50%;
  }
}
/* END FAQ */


/* ds icon boxes */
.ds-iconboxes i.bi {
  display: block;
  line-height: 100%;
 }

.ds-iconbox {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap05);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding:var(--gap);
}
.ds-slider .ds-iconbox {
  margin-bottom: 0;
}

.ds-iconbox-body {
  text-align: left;
  display:flex;
  flex-direction: column;
  width: 100%; /* важно */
  height:inherit;
}
.ds-iconbox-title {
  margin-top:0;
  font-size: larger;
}

.ds-iconbox-icon {
  display: flex;
  width:100%;
}
.ds-iconbox-icon img {
  object-fit: contain;
}
/* позиция горизонтально */
.ds-iconboxes-left .ds-iconbox-icon , .ds-iconboxes-left .ds-iconbox-title { 
  text-align: left;
  align-self: start;
  justify-content: start;
}
.ds-iconboxes-center .ds-iconbox-icon, .ds-iconboxes-center .ds-iconbox-title  {
  text-align: center;
  align-self: center;
  justify-content: center;
}
.ds-iconboxes-right .ds-iconbox-icon, .ds-iconboxes-right .ds-iconbox-title, .ds-iconboxes-right .ds-iconbox-body  {
  text-align: right;
  align-self: end;
  justify-content: end;

}
@media (max-width:767.5px) {
  .ds-iconboxes-sm-left .ds-iconbox-icon , .ds-iconboxes-sm-left .ds-iconbox-title { 
    text-align: left;
    align-self: start;
    justify-content: start;
  }
  .ds-iconboxes-sm-center .ds-iconbox-icon, .ds-iconboxes-sm-center .ds-iconbox-title  {
    text-align: center;
    align-self: center;
    justify-content: center;
  }
  .ds-iconboxes-sm-right .ds-iconbox-icon, .ds-iconboxes-sm-right .ds-iconbox-title, .ds-iconboxes-sm-right .ds-iconbox-body  {
    text-align: right;
    align-self: end;
    justify-content: end;
  }
}
.ds-iconboxes-text-center .ds-iconbox-text {
  /* принудительно делаем по центру*/
  text-align: center!important;
}
/*************************/

/* величина иконок */
.ds-iconbox-icon {
  height: var(--gap3);
  min-height: var(--gap3);;
}
.ds-iconbox-texticon > i {
  font-size: var(--gap3);
}
.ds-iconbox-icon > * {
  height: 100%;
}
.ds-iconboxes-iconsize-sm .ds-iconbox-icon {
  height: var(--gap15);
  min-height: var(--gap15);
}
.ds-iconboxes-iconsize-sm .ds-iconbox-texticon > i {
  font-size: var(--gap15);
}
.ds-iconboxes-iconsize-md .ds-iconbox-icon {
  height: var(--gap4);
  min-height: var(--gap4);
}
.ds-iconboxes-iconsize-md .ds-iconbox-texticon > i {
  font-size: var(--gap4);
}
.ds-iconboxes-iconsize-lg .ds-iconbox-icon {
  height: calc(var(--gap) * 6 ) ;  
  min-height: calc(var(--gap) * 6 ) ;  ;
}
.ds-iconboxes-iconsize-lg  .ds-iconbox-texticon i{ 
  font-size: calc(var(--gap) * 6 ) ;  
}
/*************************/

/** полное изображение - до inline! **/
.ds-iconboxes-imgfull .ds-iconbox {
  padding: 0!important;
  gap: 0;
}
.ds-iconboxes-imgfull .ds-iconbox-body {
  padding: var(--gap);
}
.ds-iconboxes-imgfull .ds-iconbox-icon {
  width:100%;
  height:auto;
  min-height: auto;
}
.ds-iconboxes-imgfull .ds-iconbox-icon img {
  width:100%;
  height: 100%;
  object-fit: cover;
}



/********* inline - правила меняются ***/
.ds-iconboxes-inline .ds-iconbox {
  flex-direction: row;
  gap: var(--gap);
  align-items: start;
}
.ds-iconboxes-inline.ds-iconbox-icon > * {
  width: 100%;
}
.ds-iconboxes-inline .ds-iconbox-icon {
  height:auto;
  width: var(--gap3);
  min-width: var(--gap3);;
}
.ds-iconboxes-inline .ds-iconbox-icon > * {
  height: auto;
  width:100%;
}
.ds-iconboxes-inline.ds-iconboxes-iconsize-sm .ds-iconbox-icon  {
  width: var(--gap15);
  min-width: var(--gap15);
}
.ds-iconboxes-inline.ds-iconboxes-iconsize-md .ds-iconbox-icon  {
  width: var(--gap4);
  min-width: var(--gap4);
}
.ds-iconboxes-inline.ds-iconboxes-iconsize-lg .ds-iconbox-icon  {
  width: calc(var(--gap) * 6 ) ;
  min-width: calc(var(--gap) * 6 ) ;
}
.ds-iconboxes-inline.ds-iconboxes-center .ds-iconbox-title, 
.ds-iconboxes-inline.ds-iconboxes-sm-center .ds-iconbox-title {
 text-align: left!important;
 justify-content: start!important;
}

.ds-iconboxes-inline.ds-iconboxes-imgfull .ds-iconbox-icon {
  height:100%;
  width:auto;
}
.ds-iconboxes-inline.ds-iconboxes-center .ds-iconbox-body {
  justify-content: center;
}
/****************************/
/** осторожно, сброс размеров изображения **/
.ds-iconboxes-imgreset .ds-iconbox-icon {
  height:auto;
  width:auto;
}

.ds-iconbox-texticon {
  font-size: larger;
}

.ds-iconbox-link {
  margin-top:auto;   
}
.ds-iconbox-link a {
  margin-top: 0.25em;
  border-bottom: 1px dashed currentColor;
}
.ds-iconbox-link.ds-iconbox-hidden-btn a { 
  height: 0;
  overflow: hidden;
  width: 0;
}
@media (max-width:767.5px) {
  .row-cols-2 .ds-iconbox, .row-cols-3 .ds-iconbox {
    padding: 0.5em;
  }
  
}

/* end ds icon boxes */


/* ds banners */
.ds-banner {
  width:100%;
  height:100%;
  display: flex;
  flex-direction: column;
  background-size:cover;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.ds-banner p {
  text-align: left;  
}
.ds-banner hr {
  margin: 1em auto;
}
.ds-banner ul {
  margin-left:0;
}

.inner-gaps-0 {
  --inner-gap: 0;
}
.inner-gaps-1 {
  --inner-gap: var(--gap05);
}

.inner-gaps-1 {
  --inner-gap: var(--gap05);
}
.inner-gaps-2 {
  --inner-gap: var(--gap);
}
.inner-gaps-3 {
  --inner-gap: var(--gap15);
}
.inner-gaps-4 {
  --inner-gap: var(--gap2);
}
.ds-banner-body {
  padding: var(--inner-gap);
}
.ds-banner-top {
  padding: var(--inner-gap) var(--inner-gap) 0;
}


.ds-banner-content > :first-child {
  margin-top:0;
}

.ds-banner-top {
  z-index: 2;
}
.ds-banner-row {  
  display: flex;
  height:100%;
  flex-direction: row;
}


.ds-banner-body {
  display: flex;
  flex-direction: column;
  width:100%;
  height: inherit;
  z-index: 2; /* для маски бэкграунда */
  order:1;
}
.ds-banner-bottom {
  display: flex;
  gap:0.5em;
  flex-direction: column;
  width:100%;
}
.ds-banner-aside {
  display: flex;
  align-items: end;
  order: 2;
  position: relative;
}

.btns-center .ds-banner-bottom {
  margin: 0 auto;
} 
.btns-left .ds-banner-bottom {
  margin-left: 0!important;
  margin-right: 0!important;
}
.btns-right .ds-banner-bottom {
  margin-left: auto!important;
  margin-right: 0!important;
}

.ds-banner-before-btn {
  margin-top:0.5em;
  margin-bottom:0.5em;
}
.ds-banner-content {
  order:2;
}
.ds-banner-bottom {
  order: 3;
}

/* styles */


.ds-banner-aside {
  padding: var(--inner-gap) var(--inner-gap) var(--inner-gap) 0;
}
.banners-imgs-bottom-left .ds-banner-aside, 
.banners-imgs-top-left .ds-banner-aside,
.banners-imgs-left .ds-banner-aside {
  order: 0;
  padding: var(--inner-gap) 0 var(--inner-gap) var(--inner-gap);
}

.banners-imgs-bottom-right .ds-banner-aside, 
.banners-imgs-top-right .ds-banner-aside,
.banners-imgs-right .ds-banner-aside {
  padding-left:0;
}

.banners-imgs-bottom-right .ds-banner-content, 
.banners-imgs-top-right .ds-banner-content,
.banners-imgs-right .ds-banner-content {
    padding-right:0;
  } 

@media (max-width:767.5px) {
  .ds-banners-reset-img .ds-banner-content {
    padding-right: var(--inner-gap)!important;
  }
}

.banners-imgs-bottom-right .ds-banner-aside {
  align-items: end;  
  justify-content: end;
}
.banners-imgs-bottom-left .ds-banner-aside {
  align-items: end;  
  justify-content: start;
}
.banners-imgs-right .ds-banner-aside, .banners-imgs-left .ds-banner-aside {
  align-items: center;  
  justify-content: center;
}
.banners-imgs-top-left .ds-banner-aside {
  align-items: start;  
  justify-content: start;
}
.banners-imgs-top-right .ds-banner-aside{
  align-items: start;  
  justify-content: end;
}
.banners-imgs-top .ds-banner-aside, .banners-imgs-bottom .ds-banner-aside {
  align-items: center;
  justify-content: center;
}
/**********************************/
.banners-imgs-top .ds-banner-row, .banners-imgs-bottom .ds-banner-row {
  flex-direction: column;
}
.banners-imgs-top .ds-banner-aside {
  order:0;
}
.banners-imgs-top .ds-banner-aside {
  padding-bottom:0;
}
.banners-imgs-bottom .ds-banner-aside {
  padding-top:0;
}
.banners-imgs-top .ds-banner-aside img, .banners-imgs-bottom .ds-banner-aside img {
  max-height: 100%;
}
/*******************************************/

.ds-banners.ds-banners-imgs-no-gaps .ds-banner-aside {
  padding:0!important;
}

.ds-banners-imgs-cover .ds-banner-aside {
  padding: 0!important;
}
.ds-banners-imgs-cover .ds-banner-aside img {
  height:100%;
  width:100%;
  object-fit: cover;
}

.ds-banners-align-start > * {
  align-items: start;
} 

.ds-banners-align-between .ds-banner-body {
  justify-content: space-between;
}
.ds-banners-align-center .ds-banner-body {
  justify-content: center;
  gap: var(--gap);
}
.ds-banners-align-end .ds-banner-body {
 justify-content: end;
}
.ds-banners-align-reverse .ds-banner-bottom {
  order:1;  
}


/* важно,при сбросе ширины контента : */
.reset-content .ds-banner-body {
  width:100%;
}
.reset-content .ds-banner-body {
  gap: var(--inner-gap);
}


@media (max-width:767.5px) {	
  .ds-banners:not(.inner-gaps-0) {
    --inner-gap : var(--gap);
  }    

  .ds-banners-reset-img  .ds-banner-body {
    width:100% !important;
  }
  .ds-banners-reset-img   .ds-banner-row {  
      flex-direction: column;    
    } 
  
  .ds-banners-reset-img .ds-banner-aside {
    width:100%!important;
    order:5;
    padding-top:0;
    padding-left:var(--inner-gap);
    padding-right:var(--inner-gap);
  }
  .ds-banners-reset-img .ds-banner-aside img {
    max-width: 60%;
  }  
  .ds-banners-reset-img.ds-banners-imgs-cover img {
    max-width:100%;
    object-fit: cover;
  }
  
  .ds-banners-reset-img.ds-banners-imgs-cover img {
    max-width:100%;
    object-fit: cover;
  }
  
  /* переписываемое свойство - чтобы cover фото снизу по высоте не превышало 30%;*/
  .ds-banners-reset-img.ds-banners-imgs-cover .ds-banner-aside {
    max-height: 30%;;
  }
  /* end */
}

.banners-employees {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
  gap: var(--gap);
}
.banners-employees .ds-banner {
  background-color:grey;  
  aspect-ratio: 3/4;
}
.banners-employees .ds-banner-aside {
  padding:0;
  height:70%;
}
.banners-employees .ds-banner-body {
  height: auto;
  flex:1;
}
.banners-employees img {
  height:100%;
  width:100%;
  object-fit: cover;
}

@media (min-width:768px) {
  .banners-employees .ds-banner {
  }  
}


/* end banners */

/* bottom contacts */
#bottom-contacts {
  width: 100%;
  position:fixed;
  bottom: 0;  
  z-index: 11;
  color:white;
}
#bottom-contacts .col {
  padding:var(--gap05);    
}
#bottom-contacts .col:first-child {
  background:grey;  
}
#bottom-contacts .col:first-child span:before {
  content: '';
  display: inline-block;
  margin-right:0.5em;
  height:1.25em;
  width:1.25em;
  background-image: url(/wp-content/themes/theme/assets/img/whats-app.svg);
  background-repeat: no-repeat;
  background-size:100%;
}

#bottom-contacts .col:last-child {
  background:#666;  
}
#bottom-contacts .col:last-child span:before {
  content: '';
  display: inline-block;
  margin-right:0.5em;
  height:1.2em;
  width:1.2em;
  background-image: url(/wp-content/themes/theme/assets/img/phone.svg);
  background-repeat: no-repeat;
  background-size:100%;
} 
/* end bottom contacts */
.project-inner {
  padding:1em;
  border-radius: 1em;
  box-shadow: 0 0 1em 0 rgba(100,100,100,0.1);
  height:100%;  
}