@media (min-width: 1024px){.container{max-width:1240px}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.di-about-design-row-item-cols-col2{max-height:610px;overflow:hidden}.project-gallery-wrapper-mobile,.about-item-header_mobile{display:none}}@media (max-width: 1200px){.bg-wrapper .relative.z-10.h-full.service-item-header{padding-top:0!important}.di-header.service-item-header{padding-top:90px!important}.services .implemented-header{width:500px}.grid-cols-2{grid-template-columns:1fr}.project-gallery-wrapper-desktop,.about-item-header_desktop{display:none}.project-gallery-wrapper-mobile,.about-item-header_mobile{display:flex}.content{min-width:auto;overflow-x:hidden}.flex{flex-wrap:wrap}.bg-wrapper{padding:0 10px}.about-item-header-img-mobile{display:block}.about-item-header-img-desktop{display:none}.about-item-header-img{max-width:100%;min-width:0}.has-submenu,.has-subSubMenu{position:relative}.submenu,.subSubMenu{display:none;position:relative;left:0;margin-top:0!important;width:fit-content;background:rgb(255,255,255);overflow:scroll;padding:15px!important}#menu ul.submenu li a{font-size:22px}.arrow:before{content:url(https://dizajn-interera-spb.ru/public/build/assets/svg/arrow.8848a6a8.svg);text-align:center;position:absolute;top:2px;margin-left:20px}.has-subSubMenu .arrow:before{top:5px}.container{max-width:100%;min-width:100%;width:100%}.swiper{height:auto}.portfolio-gallery{margin-top:90px}.header{width:100%;height:auto}.header .menu-point{display:none}.navbar-header{flex-direction:row-reverse;justify-content:flex-start;padding-right:20px}.navbar-brand{width:100px}#opener{position:absolute;left:0}.navbar-header_phone{margin-right:18px}.bg-wrapper{height:auto;width:100%}.div-header{font-size:60px!important;letter-spacing:8px}.main-page-sub-header{font-size:22px}.bg-wrapper .relative.z-10.h-full{padding-top:100px!important;padding-bottom:60px}#introduction>.container>.flex{flex-wrap:wrap}.introduction-text{padding:0 10px}.introduction-text-photo img{width:100%;height:auto}.introduction-text-photo-container{flex-wrap:wrap}.introduction-text-photo-title{font-size:45px;margin-left:0;margin-top:30px;letter-spacing:8px}.introduction-text-photo-text br{display:none}.introduction-text-photo-text{font-size:16px;margin-left:0;margin-top:10px}.implemented-header{width:100%}.implemented-header-text{font-size:45px;letter-spacing:8px}.implemented-header-text-1{margin-left:10px}.implemented-header-text-2{text-align:left;margin-left:30px}.mt-content{margin-top:0}.implemented-header-text-title{font-size:22px;max-width:100%}#implemented{padding:0 10px 100px}.introduction-text-photo-description,#services{padding:0 10px}#project-implementation .mt-content{margin-top:0}.planning{flex-wrap:wrap;margin-top:30px}.planning-interior{margin-left:0;margin-top:15px}.planning-header-text{margin-top:15px}#slider{margin-top:0;padding:0 10px}#reviews{padding:0 10px;margin-bottom:50px}#slider .planning,.planning_slider{margin-top:15px}.planning-text>.flex{flex-wrap:wrap}.planning-text-right .line{flex-direction:column}.review-item{margin-top:15px}.review-item-text--review-text,.planning-text-left p{width:100%}.contact-colum-right{width:100%;padding:20px}.review-item-text{margin-left:0}.form-header{font-size:45px}.ui-accordion .ui-accordion-header{font-size:22px}#project-implementation,#projects-for-clients,#contacts{padding:0 10px}.menu-content{padding-left:25px;padding-right:25px;margin-left:0;width:90%;height:auto;min-height:auto;overflow-y:scroll}.close-btn{right:auto;left:25px}#menu ul li a{font-size:22px}.social-icons{margin-top:0}.bg-top{height:587px;max-height:630px}#services.services{margin-top:-500px}.services .implemented-header{padding-top:50px;padding-bottom:20px}.service-item_name>div{max-width:100%;font-size:22px;width:240px}.service-item_name_detail>div{padding:5px;width:auto}.service-item_name{max-width:100%}.service-item{max-width:100%;height:auto}.service-item_name-1{background:url(https://dizajn-interera-spb.ru/public/build/assets/png/serv-mob-1.875b6ddc.png) no-repeat!important}.service-item_name-2{background:url(https://dizajn-interera-spb.ru/public/build/assets/png/serv-mob-2.bbcc7f92.png) no-repeat!important}.service-item_name-3{background:url(https://dizajn-interera-spb.ru/public/build/assets/png/serv-mob-3.623a7aee.png) no-repeat!important}.service-item_name-4{background:url(https://dizajn-interera-spb.ru/public/build/assets/png/serv-mob-4.b3cb6130.png) no-repeat!important}.service-item_description{position:relative;padding-bottom:60px}.service-item_description .gray-btn{position:absolute;right:0;bottom:0}.service-item_description .flex{flex-wrap:nowrap}footer{height:fit-content!important;padding:30px 12px!important;margin-top:0!important}.service-items-wrapper{padding-bottom:0}.portfolio-filter{display:none}.project-info{padding:0 20px}.project-info-item-description{width:100%}.project-info-item-right{margin-top:15px;width:100%}.project-info-item-info{margin-bottom:15px}#implemented.portfolio-page-implemented{margin-top:0!important}.implemented-gallery-item-name{font-size:45px}.first-implemented-gallery-item .implemented-gallery-item-name{opacity:1!important}.first-implemented-gallery-item:after{opacity:1!important}.project-page-description{padding:0 25px}.project-page-other .btn-show-all-projects{display:none}.other-project{max-width:100px}.project-page-other>.flex{justify-content:space-around}.project-page-contacts .contact-item-wrapper,.flex.form-body-items{flex-direction:column}.project-page-contacts .form-body-items .form-item{width:100%}.article-item-name{font-size:22px;margin-top:-31px;width:90%}.article-item-preview{margin-top:40px}.article-text,.about-items,.about-team{padding:0 20px}.about-item-header{flex-direction:column-reverse}.about-item-header-img-2{margin-left:0}.about-team-col-2,.projects-page .about-item-header-img{width:100%;min-width:0;max-width:100%}.about-team-wrapper{margin-top:30px}.about-item-header-desc{width:100%}.projects-header .mt-content{margin-top:0}.about.projects-page{padding:0 25px}.about.projects-page p{font-size:14px}.projects-page .about-item-header{flex-direction:column}.shop-item-modal-col{flex-basis:100%}.shop-item-modal-cols{flex-direction:column}.shop-item-modal{min-width:300px}.article-page-other .btn-show-all-projects{display:flex}.implemented-header-text-1 br,.implemented-header-text-2 br{display:block}.service-items-wrapper{width:500px;margin:0 auto}.contacts__map{margin-top:0}.navbar-brand img{width:100px}.service-items{grid-template-columns:repeat(1,minmax(0,1fr))}.service-items .service-item:nth-child(2) .service-item_number{color:#000!important}.service-items__item{margin-top:60px}.navbar-header{width:auto}.ui-accordion-content{height:fit-content!important}.di-header{font-size:32px!important;letter-spacing:5px!important}.di-page-sub-header{font-size:14px}.di-bg-wrapper{padding-top:200px!important;padding-bottom:160px}#di-nums,#di-services,#di-bg-md,#di-steps,#di-portfolio,#di-callbackForm,#di-about-design{padding:0 25px}.di-services_header{font-size:32px;letter-spacing:5px}.di-services_items-row-item{width:100%;margin-bottom:20px}.di-services_items-row{margin-bottom:0}#di-bg-md,#di-steps,#di-portfolio,#di-callbackForm,#di-about-design,#di-faq{margin-top:80px}.di-steps-cols{flex-direction:column-reverse}.di-steps-cols-col1-img,.di-steps-cols-col2-step{width:100%;height:auto}.di-steps-cols-col2{margin-left:0}.project-info{flex-wrap:wrap;padding:0 20px}.di-project-info-col2{margin-left:0;padding-top:20px}.di-project-info-desc{width:100%;height:auto}.di-project-info-link{margin-left:0;margin-top:20px}.di-portfolio-gallery{padding:0!important}.di-projects-wrapper{padding-bottom:0}.di-callbackForm-container{width:100%}.di-callbackForm-cols{flex-wrap:wrap}.di-callbackForm-cols-col1{width:100%}.di-callbackForm-cols-col2{width:100%;left:0;position:relative;margin-top:30px}.di-callbackForm-cols-col2-formWrapper{padding:74px 25px;min-width:auto;width:100%;height:auto}.di-callbackForm-cols-col2-formWrapper .form-wrapper{width:100%;height:auto}#di-callbackForm{height:auto}.di-about-design-row-item-cols{flex-wrap:wrap}.di-about-design-row-item-cols-col1,.di-about-design-row-item-cols-col2{width:100%}.di-about-design-row-item-cols-col2{margin-top:20px}.di-faq-cols-col2{width:100%;margin-top:30px}#di-faq{padding:80px 25px}.reviews-wrapper{padding:20px 0}.owl-carousel{margin:0 auto}.introduction-text-text{width:100%}.di-bg-md-image{height:300px;background-size:cover!important}#services.about-header .implemented-header{width:auto}.implemented-header{width:auto!important}.menu-content{width:100%;text-align:center}.close-btn{right:16px;left:auto}}@media (max-width: 840px){.footer-menu{display:none}}@media (max-width: 768px){.footer-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto 1fr;gap:10px}.header__times{display:none}#menu ul li a{font-size:14px;font-weight:400;line-height:18px}.menu-contacts-tel a{font-size:14px;font-weight:500;line-height:18px}.submenu{height:auto;margin-left:10px!important}.footer-logo{grid-column:1 / 2}.footer-menu-col:nth-child(6){grid-column:2 / 3}.footer-menu-col:nth-child(2),.footer-menu-col:nth-child(3),.footer-menu-col:nth-child(4),.footer-menu-col:nth-child(5){grid-column:span 1}.footer-menu-col:nth-child(7){grid-column:1 / -1;text-align:center}.footer-menu-col{order:3}.footer-menu-col:nth-child(6){order:2}.footer-menu-col-policy{text-decoration:underline}.footer-menu-col-policy br{display:none}.di-bg-md-image{height:200px}.navbar-header.flex{display:flex;flex-direction:row;justify-content:space-between;padding-right:0}#opener{position:relative}.navbar-header_phone{margin-right:0}.soc-links .menu-point{display:flex}.header__phones a{display:none}.header__phones:before{content:"";display:inline-block;width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M13.0167 14.9058C10.3478 13.7757 8.2254 11.6484 7.10153 8.97683L10.2182 5.85469L4.47989 0.111832L1.57316 3.01764C1.069 3.52468 0.670391 4.12667 0.400391 4.78876C0.130392 5.45086 -0.00563581 6.15993 0.000178841 6.87494C0.000178841 13.5189 8.4811 21.9998 15.125 21.9998C15.84 22.006 16.549 21.8702 17.211 21.6002C17.873 21.3302 18.4748 20.9313 18.9814 20.4268L21.8881 17.5201L16.1453 11.7772L13.0167 14.9058ZM17.6843 19.1307C17.3477 19.4644 16.9481 19.7278 16.5087 19.9056C16.0693 20.0834 15.599 20.1721 15.125 20.1665C9.41151 20.1665 1.83349 12.5885 1.83349 6.87494C1.8281 6.40087 1.91688 5.93045 2.09469 5.49096C2.2725 5.05147 2.5358 4.65166 2.86932 4.31471L4.47989 2.70414L7.63044 5.85469L4.94005 8.54509L5.16463 9.10791C5.82577 10.8764 6.85931 12.4822 8.19524 13.8164C9.53117 15.1506 11.1383 16.182 12.9076 16.8408L13.4631 17.0526L16.1453 14.3695L19.2958 17.5201L17.6843 19.1307ZM12.8334 1.83332V0C15.2637 0.00266894 17.5937 0.969288 19.3122 2.68778C21.0307 4.40627 21.9973 6.73627 22 9.16658H20.1667C20.1645 7.22235 19.3912 5.35837 18.0164 3.98359C16.6416 2.60881 14.7776 1.8355 12.8334 1.83332ZM12.8334 5.49995V3.66663C14.2916 3.66809 15.6897 4.24801 16.7208 5.27914C17.752 6.31026 18.3319 7.70835 18.3333 9.16658H16.5C16.5 8.19413 16.1137 7.26151 15.4261 6.57388C14.7385 5.88625 13.8058 5.49995 12.8334 5.49995Z' fill='%23fff'/%3E%3C/svg%3E");background-size:cover}.header.fixed .header__phones:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M13.0167 14.9058C10.3478 13.7757 8.2254 11.6484 7.10153 8.97683L10.2182 5.85469L4.47989 0.111832L1.57316 3.01764C1.069 3.52468 0.670391 4.12667 0.400391 4.78876C0.130392 5.45086 -0.00563581 6.15993 0.000178841 6.87494C0.000178841 13.5189 8.4811 21.9998 15.125 21.9998C15.84 22.006 16.549 21.8702 17.211 21.6002C17.873 21.3302 18.4748 20.9313 18.9814 20.4268L21.8881 17.5201L16.1453 11.7772L13.0167 14.9058ZM17.6843 19.1307C17.3477 19.4644 16.9481 19.7278 16.5087 19.9056C16.0693 20.0834 15.599 20.1721 15.125 20.1665C9.41151 20.1665 1.83349 12.5885 1.83349 6.87494C1.8281 6.40087 1.91688 5.93045 2.09469 5.49096C2.2725 5.05147 2.5358 4.65166 2.86932 4.31471L4.47989 2.70414L7.63044 5.85469L4.94005 8.54509L5.16463 9.10791C5.82577 10.8764 6.85931 12.4822 8.19524 13.8164C9.53117 15.1506 11.1383 16.182 12.9076 16.8408L13.4631 17.0526L16.1453 14.3695L19.2958 17.5201L17.6843 19.1307ZM12.8334 1.83332V0C15.2637 0.00266894 17.5937 0.969288 19.3122 2.68778C21.0307 4.40627 21.9973 6.73627 22 9.16658H20.1667C20.1645 7.22235 19.3912 5.35837 18.0164 3.98359C16.6416 2.60881 14.7776 1.8355 12.8334 1.83332ZM12.8334 5.49995V3.66663C14.2916 3.66809 15.6897 4.24801 16.7208 5.27914C17.752 6.31026 18.3319 7.70835 18.3333 9.16658H16.5C16.5 8.19413 16.1137 7.26151 15.4261 6.57388C14.7385 5.88625 13.8058 5.49995 12.8334 5.49995Z' fill='%23000'/%3E%3C/svg%3E")}#services .implemented-header{display:flex;flex-direction:column;align-items:center}.service-item_name>div{justify-content:center;padding:10px;text-align:center}.service-item_description-price-wrap_mob.flex{display:flex}.service-item_description-price-wrap_desk{display:none}.service-item_description-price-wrap_mob{display:flex;flex-direction:column;align-items:flex-start}.service-item_description-price-wrap_mob .service-item_buttons{display:flex;flex-direction:row}.service-item_description-price-wrap_mob .gray-btn{position:relative}.service-item_description{align-items:flex-start}.service-item_description-price-wrap_mob .gray-btn{width:180px}.service-item_description-price-wrap_mob .white-btn{width:160px}.service-item_description-price-wrap_mob .service-item_price{font-size:16px}.service-item ul{padding-left:20px}.service-item_description .flex{align-items:flex-start}.di-bg-wrapper{padding-top:100px!important;padding-bottom:60px}#di-nums{margin-top:50px}.di-nums_item-head{font-size:42px}.di-services_header{font-size:36px}.di-services_items-row-item-price{font-size:20px}#di-services{margin-top:50px}#di-bg-md,#di-steps,#di-portfolio,#di-callbackForm,#di-about-design,#di-faq{margin-top:40px}.di-project-info-col1,.di-project-info-desc{display:none}.project{display:flex;flex-direction:column-reverse}.portfolio-page .project{flex-direction:column}.di-project-info-col2{padding-top:0}.projects-page-realizations .container.flex.justify-between.items-center.mt-content{padding:0 11px}.contact-item--header{font-size:14px}#di-portfolio{background:url(/assets/images/di-vector-2.1.png) no-repeat;background-position-y:center;background-position-x:center;background-size:cover}}@media only screen and (max-width: 600px){.service-items-wrapper{width:100%}.ba-slider .handle:after{top:40%!important}.portfolio-gallery{margin-top:45px;padding:0 20px}.portfolio-gallery:first-child{margin-top:45px}.main-page-projects .swiper-wrapper{margin-left:0}.planning-text{margin-top:60px}}@media only screen and (max-width: 500px){.services .implemented-header{width:100%}.ba-slider .handle:after{top:53%}.di-services_items-row-item-btns-project,.di-services_items-row-item-btns-order{font-size:14px;max-width:50%}.di-services_items-row-item{height:auto}.di-services_items-row-item-price{font-size:14px;position:relative;bottom:0;margin-top:30px}.di-services_items-row-item-btns{display:flex;align-items:center;bottom:0;position:relative;margin-top:30px}}@media only screen and (max-width: 380px){.form-submit-btn,.form-item input,.form-item textarea{font-size:14px}.form-politics{font-size:12px}}@media only screen and (max-width: 355px){.di-services_items-row-item-btns-project,.di-services_items-row-item-btns-order{font-size:13px}}