@media only screen and (max-width: 1440px) {
.bigPhotoBlock .phoneBlock{left:22%}
}
@media only screen and (max-width: 1280px) {
.wrap{width:94%;padding:0 3%}
.mainPromo .block h1{width:90%;font-size:62px;line-height:68px}
.mainPromo .block ul.fourColumns,.chooseForms .block ul.fourColumns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;justify-content:stretch}
.mainPromo .block ul.fourColumns li,.chooseForms .block ul.fourColumns li,.mainPromo .block ul.fourColumns li:nth-child(2n),.chooseForms .block ul.fourColumns li:nth-child(2n),.mainPromo .block ul.fourColumns li:nth-child(4n),.chooseForms .block ul.fourColumns li:nth-child(4n){width:calc(100% - 40px);min-width:0;margin:0}
.albumAccordeon.--pinned .slide .wrap{width:94%}
.howToOrder .listContent .num{font-size:76px;line-height:133px}
.bigPhotoBlock .phoneBlock{left:20%}
.chooseForms .block.bgwhite{width:calc(100% - 60px)}
.bigPhotoBlock .photoBlock .bigOne{margin: 70px 0 0;}
.bigPhotoBlock .bubble1{top: 20%;left: 10%;}
.bigPhotoBlock .bubble2{top: 20%;left: 34%;}
.bigPhotoBlock .bubble3{top: 25%;}
.bigPhotoBlock .phoneBlock .caption{top:55%}
.bigPhotoBlock .phoneBlock .iphone{max-width: 170px;}
.bigPhotoBlock .phoneBlock .caption{left: 18%;}
.bigPhotoBlock .phoneBlock .caption:hover{left: calc(18% + 10px);}
}
@media only screen and (max-width: 1100px) {
.bigPhotoBlock .phoneBlock{left:18%}
.howToOrder .listContent .num{width:calc(15% - 10px)}
.howToOrder .listContent .caption{width:85%}
.chooseForms h3{font-size:32px}
}
@media only screen and (max-width: 1024px) {
h2,.h2{font-size:34px;line-height:40px}
.albumAccordeon{--album-site-header-height:82px}
.mainPromo .block ul.twoColumns.twoImages li img{height:260px}
.mainPromo .block h1{font-size:50px;line-height:56px}
.bigPhotoBlock .phoneBlock .caption{top:45%}
.albumAccordeon.--pinned .content{top:-50px}
.mainPromo .block ul.fourColumns,.chooseForms .block ul.fourColumns{grid-template-columns:repeat(2,minmax(0,1fr))}
.mainPromo .block ul.fourColumns li,.chooseForms .block ul.fourColumns li,.mainPromo .block ul.fourColumns li:nth-child(2n),.chooseForms .block ul.fourColumns li:nth-child(2n){width:calc(100% - 40px);min-width:0;margin:0}
.bigPhotoBlock .head{top:35px}
.bigPhotoBlock .head p{max-width:620px;font-size:16px;line-height:23px}
.bigPhotoBlock .bubble1,.bigPhotoBlock .bubble2,.bigPhotoBlock .bubble3{width:150px}
.bigPhotoBlock .phoneBlock{bottom:35px}
.photoSlider .slick-prev{left:10px}
.photoSlider .slick-next{right:10px}
.howToOrder .sideVideo{width:calc(32% - 10px)}
.howToOrder .listContent{width:68%}
.howToOrder .listContent .num{font-size:64px;line-height:112px}
.howToOrder .listContent .caption .title,.howToOrder .listContent .caption p{font-size:14px;line-height:20px}
.chooseForms h3{font-size:32px;line-height:38px}
}
@media only screen and (max-width: 960px) {
.albumAccordeon .slide{padding:22px 0;border-radius:18px 18px 0 0}
.albumAccordeon .content,.albumAccordeon .photo,.albumAccordeon.--pinned .content,.albumAccordeon.--pinned .photo{display:block}
.albumAccordeon .content{margin-bottom:16px}
.albumAccordeon .content h3,.albumAccordeon .content p{width:100%}
.albumAccordeon .content h3{font-size:24px;line-height:30px;margin-bottom:10px}
.albumAccordeon .content p{font-size:16px;line-height:23px}
.albumAccordeon.--pinned .photo{top:-30px}
.albumAccordeon.--pinned .content{top:-20px}
.chooseForms h3{font-size:22px}
.faqBlock{padding:70px 0 85px}
.faqBlock h2{font-size:42px;line-height:48px}
.faqBlock p.title{margin-bottom:38px;font-size:16px;line-height:24px}
.faqBlock .question{width:calc(100% - 87px);padding:20px 65px 20px 22px;font-size:25px;line-height:32px}
.faqBlock .question::after{top:20px;right:22px;width:34px;height:34px}
.faqBlock .answer{width:calc(100% - 44px);padding:0 22px 25px}
.faqBlock .answer p,.faqBlock .answer ul,.faqBlock .answer ol{font-size:18px;line-height:26px}
.bigPhotoBlock .phoneBlock{left: 14%;}
.popupOverlay{padding:20px}
.popupWindow{grid-template-columns:1fr;max-width:620px;padding:32px 24px 24px}
.popupImage{display:none}
.popupForm{min-height:0;padding:35px 0 0}
.popupForm h2{margin-right:35px;font-size:22px;line-height:29px}
.popupForm .bttnn{margin-top:28px;font-size:18px;line-height:24px;width:100%;}
.popupClose{top:22px;right:22px;width:24px;height:24px}
}
@media only screen and (orientation: landscape) and (max-height: 430px) {
.albumAccordeon h2{display:none}
}
@media only screen and (max-width: 900px) {
.howToOrder .block{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:16px}
.howToOrder .sideVideo{position:sticky;position:-webkit-sticky;top:16px;display:block;width:calc(40% - 8px);margin:0;align-self:flex-start;border-radius:12px}
.howToOrder .sideVideo video{width:100%;height:auto;min-height:0;border-radius:12px}
.howToOrder .listContent{display:block;width:calc(60% - 8px);margin:0}
.howToOrder .listContent ul.oneColumn li{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin:0 0 10px}
.howToOrder .listContent .caption{display:contents}
.howToOrder .listContent .num{display:block;width:70px;margin:0;border-radius:12px 0 0 12px;font-size:50px;line-height:78px}
.howToOrder .listContent .caption .digit{display:none}
.howToOrder .listContent .caption .title{width:calc(100% - 100px);margin:0;padding:25px 30px 25px 0;background:#fff;border-radius:0 12px 12px 0;font-size:20px;line-height:28px}
.howToOrder .listContent .caption p{position:relative;left:auto;bottom:auto;width:calc(100% - 60px);margin:8px 0 0;padding:24px 30px;background:#fff;border-radius:12px;font-size:20px;line-height:28px}
}
@media only screen and (max-width: 830px) {
.bigPhotoBlock .phoneBlock{left:0;bottom:115px;width:100%;min-width:0}
.bigPhotoBlock .phoneBlock .iphone{display:none!important}
.chooseForms .tags{position:relative;top:auto;right:auto}
.bigPhotoBlock .phoneBlock .caption{left:calc(50% - 170px);padding: 20px;max-width:300px;transform:none!important;transition:none}
.bigPhotoBlock .phoneBlock .caption:hover{left:calc(50% - 170px)}
.bigPhotoBlock .bttnn{display:none}
.photoMotionSlider .bttnn{display: block;margin: 10px auto 20px;}
.bigPhotoBlock .photoBlock .bigOne{margin: 120px 0 0;}
.photoMotionSlider__arrow {top: calc(0px + min(51vw, 640px) - 46px);}
.bigPhotoBlock .bubble {display: none}
.bigPhotoBlock .bubble.bubblemobile {display: inline-block}
}
@media only screen and (max-width: 768px) {
h1,.h1{font-size:42px;line-height:48px}
h2,.h2{font-size:28px;line-height:34px}
.mainPromo{padding:15px 0 25px}
.mainPromo .block ul.twoColumns.twoImages{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mainPromo .block ul.twoColumns.twoImages li:nth-child(1),.mainPromo .block ul.twoColumns.twoImages li:nth-child(2){width:100%;margin:0}
.mainPromo .block ul.twoColumns.twoImages li img{height:230px}
.mainPromo .block ul.twoColumns.twoImages li:nth-child(2) img{height:140px}
.mainPromo .block h1{width:auto;padding:25px 10px 15px;font-size:42px;line-height:48px}
.mainPromo .block ul.btnsBlock,.howToEdit ul.twoColumns.btnsBlock,.chooseForms ul.twoColumns.btnsBlock{width:100%;max-width:none}
.mainPromo .block ul.btnsBlock li{width:50%}
.mainPromo .block ul.fourColumns,.chooseForms .block ul.fourColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.mainPromo .block ul.fourColumns li,.chooseForms .block ul.fourColumns li,.mainPromo .block ul.fourColumns li:nth-child(2n),.chooseForms .block ul.fourColumns li:nth-child(2n){width:calc(100% - 28px);min-width:0;margin:0;padding:14px}
.mainPromo .block ul.fourColumns li p,.chooseForms .block ul.fourColumns li p{font-size:15px;line-height:22px}
.albumAccordeon h2{margin-bottom:18px}
.albumAccordeon .slide,.albumAccordeon.--pinned .slide{align-items:flex-start;padding:22px 0 92px}
.albumAccordeon .content,.albumAccordeon .photo,.albumAccordeon.--pinned .content,.albumAccordeon.--pinned .photo{top:auto;width:100%}
.albumAccordeon.--pinned .photo{top:auto}
.albumAccordeon.--pinned .slide .wrap{display:block;width:100%;max-width:none;height:auto}
.bigPhotoBlock{display:flex;flex-direction:column;padding:45px 0 0}
.bigPhotoBlock .head{position:relative;order:-1;top:auto;padding:0 0 20px}
.bigPhotoBlock .photoBlock .bigOne{min-height:430px;object-fit:cover;object-position:center bottom;margin:0}
.bigPhotoBlock .bubble1,.bigPhotoBlock .bubble2,.bigPhotoBlock .bubble3{width:220px}
.bigPhotoBlock .bubble1{top:6%;left: 5%}
.bigPhotoBlock .bubble2{top:-3%}
.bigPhotoBlock .bubble3{top:11%;left:62%}
.bigPhotoBlock .phoneBlock .iphone{display:none!important}
.bigPhotoBlock .bubble{display:none}
.bigPhotoBlock .bubble.bubblemobile{display:block}
.bigPhotoBlock .bttnn{bottom:30px}
.photoSlider .slide img{width:80%}
.photoSlider .slide.slick-current img{width:100%}
.photoSlider .slick-prev{transition:none}
.photoSlider .slick-prev:hover{left:10px}
.photoSlider .slick-next{transition:none}
.photoSlider .slick-next:hover{right:10px}
.photoMotionSlider{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 34px;padding:8px 0 36px;--motion-slide-width:calc(100% - 56px);--motion-slide-gap:calc(var(--motion-slide-width) * .87)}
.photoMotionSlider__viewport{order:1;flex:0 0 var(--motion-slide-width);width:var(--motion-slide-width);margin:0 auto 28px}
.photoMotionSlider__arrow{position:relative;top:auto;bottom:auto;width:58px;height:58px;flex:0 0 58px;transition:none}
.photoMotionSlider__arrow--prev{order:2;left:auto;background-image:url(../images/icons/icon.angle.left.black.svg)}
.photoMotionSlider__arrow--next{order:4;right:auto;background-image:url(../images/icons/icon.angle.right.black.svg)}
.photoMotionSlider__counter{order:3;display:block;flex:0 0 auto;min-width:74px;font-size:18px;line-height:58px;font-weight:400;text-align:center;color:#134765}
.howToEdit{padding:45px 0 30px}
.howToEdit p{font-size:15px;line-height:22px;margin-bottom:24px}
.howToOrder,.chooseForms{padding:45px 0 30px}
.howToOrder{padding:0 0 45px}
.howToOrder .block{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:16px}
.howToOrder .sideVideo{position:sticky;position:-webkit-sticky;top:16px;display:block;width:calc(40% - 8px);margin:0;align-self:flex-start;border-radius:12px}
.howToOrder .sideVideo video{width:100%;height:auto;min-height:0;border-radius:12px}
.howToOrder .listContent{display:block;width:calc(60% - 8px);margin:0}
.howToOrder .listContent ul.oneColumn li{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin:0 0 10px}
.howToOrder .listContent .caption{display:contents}
.howToOrder .listContent .num{display:block;width:70px;margin:0;border-radius:12px 0 0 12px;font-size:50px;line-height:78px}
.howToOrder .listContent .caption .digit{display:none}
.howToOrder .listContent .caption .title{width:calc(100% - 100px);margin:0;padding:25px 30px 25px 0;background:#fff;border-radius:0 12px 12px 0;font-size:20px;line-height:28px}
.howToOrder .listContent .caption p{position:relative;left:auto;bottom:auto;width:calc(100% - 60px);margin:8px 0 0;padding:24px 30px;background:#fff;border-radius:12px;font-size:20px;line-height:28px}
.chooseForms .block.bgwhite{width:auto;padding:20px 15px}
.chooseForms .slider{left:-15px;width:calc(100% + 30px);padding:20px 15px 70px}
.chooseForms .slick-prev,.chooseForms .slick-next{top:auto;bottom:15px;width:40px;height:40px;transition:none}
.chooseForms .slick-prev,.chooseForms .slick-prev:hover{left:calc(50% - 96px)}
.chooseForms .slick-next,.chooseForms .slick-next:hover{right:calc(50% - 96px)}
.chooseForms .sliderCounter{position:absolute;left:50%;bottom:22px;display:block;width:76px;margin-left:-38px;font-size:20px;line-height:26px;font-weight:400;text-align:center;color:#134765}
.chooseForms h4{font-size:20px;line-height:26px}
.faqBlock{padding:55px 0 70px}
}
@media only screen and (max-width: 767px) {
.albumAccordeon{--album-site-header-height:56px}
}
@media only screen and (max-width: 568px) {
h2,.h2{font-size:23px;line-height:29px}
.mainPromo .block ul.twoColumns.twoImages li img{height:230px}
.mainPromo .block h1{font-size:30px;line-height:35px}
ul.twoColumns li,ul.twoColumns li:nth-child(2n){display:block;width:100%;margin:0 0 10px}
.mainPromo .block ul.btnsBlock li,.howToEdit ul.twoColumns.btnsBlock li,.chooseForms ul.twoColumns.btnsBlock li{display:block;width:100%;margin:0 0 10px}
.mainPromo .block ul.fourColumns,.chooseForms .block ul.fourColumns{grid-template-columns:repeat(2,minmax(0,1fr))}
.mainPromo .block ul.fourColumns li,.chooseForms .block ul.fourColumns li{border-radius:12px}
.mainPromo .block ul.fourColumns li p span{display:block}
.albumAccordeon .content h3{font-size:20px;line-height:24px;font-weight:500;}
.albumAccordeon .content p{font-size:15px;line-height:19px}
.albumAccordeon .photo img{border-radius:6px}
.bigPhotoBlock .head h2{font-size:20px;line-height:26px}
.bigPhotoBlock .head p{font-size:15px;line-height:19px}
.bigPhotoBlock .photoBlock .bigOne{min-height:410px;object-fit:cover;object-position:center bottom}
.bigPhotoBlock .bubble.bubblemobile{width:180px}
.bigPhotoBlock .bubble1{top:10%;left:2%}
.bigPhotoBlock .bubble2{top:-2%;left:28%}
.bigPhotoBlock .bubble3{top:12%;left:50%}
.chooseForms{padding:0}
.popupOverlay{padding:12px}
.popupWindow{max-height:calc(100vh - 24px);padding:28px 18px 18px}
.popupForm h2{font-size:19px;line-height:25px}
.popupForm input,.popupForm textarea{padding:15px 16px;font-size:15px;line-height:21px}
.popupForm input{height:52px}
.photoSlider .slick-prev,.photoSlider .slick-next{width:28px;height:28px}
.photoMotionSlider .bttnn{display:block}
.photoMotionSlider{--motion-slide-width:88vw;--motion-slide-gap:76vw;gap:0 24px;padding-bottom:30px}
.photoMotionSlider__slide img{width:calc(100% - 12px);margin:0 6px;border-radius:10px}
.photoMotionSlider__arrow{position:relative;top:auto;bottom:auto;width:44px;height:44px;flex-basis:44px}
.howToOrder .block{gap:8px}
.howToOrder .sideVideo{top:10px;width:calc(42% - 4px)}
.howToOrder .listContent{width:calc(58% - 4px)}
.howToOrder .listContent .num{width:42px;margin:0;border-radius:10px 0 0 10px;font-size:32px;line-height:56px}
.howToOrder .listContent .caption{display:contents}
.howToOrder .listContent .caption .title{width:calc(100% - 66px);margin:0;padding:14px 12px;border-radius:0 10px 10px 0;font-size:13px;line-height:18px}
.howToOrder .listContent .caption p{width:calc(100% - 24px);margin:6px 0 0;padding:14px 12px;border-radius:10px;font-size:13px;line-height:18px}
.chooseForms h3{font-size:22px;line-height:28px}
.chooseForms h4{text-align:center}
.chooseForms .tags .tag{margin-bottom:6px;padding:8px 10px;font-size:12px;line-height:17px}
.chooseForms .threeColumns li:nth-child(n){display:block;width:100%;margin:0 0 10px;padding-bottom: 10px; border-bottom:1px solid rgba(226, 241, 251, 1)}
.chooseForms .threeColumns li:nth-child(3n){border-bottom:none}
.chooseForms .threeColumns p{font-size:15px;line-height:19px}
.faqBlock{padding:48px 0 60px}
.faqBlock h2{font-size:30px;line-height:36px}
.faqBlock p.title{margin-bottom:28px;font-size:15px;line-height:22px}
.faqBlock .elem.opened{margin-bottom:4px}
.faqBlock .question{width:calc(100% - 68px);padding:16px 52px 16px 16px;font-size:21px;line-height:27px}
.faqBlock .question::after{top:calc(50% - 15px);right:16px;width:30px;height:30px}
.faqBlock .answer{width:calc(100% - 32px);padding:0 16px 6px}
.faqBlock .answer p,.faqBlock .answer ul,.faqBlock .answer ol{font-size:16px;line-height:24px}
.howToOrder .block{display:block}
.howToOrder .sideVideo{position:relative;top:auto;display:block;width:100%;margin:0 0 8px;border-radius:8px}
.howToOrder .sideVideo video{width:100%;height:auto;min-height:0;border-radius:8px}
.howToOrder .listContent{display:block;width:100%;margin:0}
.howToOrder .listContent ul.oneColumn li{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin:0 0 8px}
.howToOrder .listContent .caption{display:contents}
.howToOrder .listContent .num{display:block;width:50px;margin:0;border-radius:8px 0 0 8px;font-size:31px;line-height:54px}
.howToOrder .listContent .caption .title{width:calc(100% - 80px);margin:0;padding:16px 30px 14px 0;border-radius:0 8px 8px 0;font-size:13px;line-height:18px}
.howToOrder .listContent .caption p{width:calc(100% - 30px);margin:6px 0 0;padding:13px 15px 14px;border-radius:8px;font-size:14px;line-height:19px}
.howToOrder .bttnn{margin-top:24px;}
.chooseForms .sliderCounter {font-size: 16px;}
}
@media only screen and (max-width: 444px) {
html,body{font-size:12px;line-height:17px}
.mainPromo .block h1{font-size:25px;line-height:30px}
.mainPromo .block ul.twoColumns.twoImages{grid-template-columns:1fr;gap:6px}
.mainPromo .block ul.twoColumns.twoImages li img{height:230px}
.mainPromo .block ul.fourColumns li img,.chooseForms .block ul.fourColumns li img{height:22px;margin-bottom:8px}
.mainPromo .block ul.fourColumns li p,.chooseForms .block ul.fourColumns li p{font-size:15px;line-height:22px}
.mainPromo .block ul.fourColumns li p span{display:block}
.mainPromo .block ul.btnsBlock .bttnn,.howToEdit ul.twoColumns.btnsBlock .bttnn,.howToOrder .bttnn,.chooseForms ul.twoColumns.btnsBlock .bttnn{width:calc(100% - 20px);padding:12px 10px;font-size:15px;line-height:22px}
.mainPromo .block ul.btnsBlock .bttnn {width:calc(90% - 20px);}
.albumAccordeon .slide{padding:14px 0;border-radius:12px 12px 0 0}
.bigPhotoBlock .photoBlock .bigOne{min-height:380px;width: 120%;margin-left: -10%}
.bigPhotoBlock .bubble.bubblemobile {width: 150px;}
.howToEdit iframe{border-radius:12px}
.howToOrder .sideVideo{border-radius:12px}
.faqBlock .question{font-size:16px;line-height:22px}
.faqBlock h2{margin-bottom:10px}
.bigPhotoBlock .bubble1,.bigPhotoBlock .bubble2,.bigPhotoBlock .bubble3{width:160px}
}
@media only screen and (max-width: 390px) {
.mainPromo .block h1{font-size:23px;line-height:28px}
.bigPhotoBlock .phoneBlock .caption,.bigPhotoBlock .phoneBlock .caption:hover{left: 5%;width: calc(90% - 40px);font-size: 15px;}
}
@media only screen and (max-width: 350px) {
.mainPromo .block h1{font-size:20px;line-height:25px}
.bigPhotoBlock .phoneBlock .caption,.bigPhotoBlock .phoneBlock .caption:hover{font-size: 13px;line-height: 19px}
}