#success-send {width: 100%; max-width: 720px; line-height: 120%; text-align: center; color: #fff; padding: calc(30px + 3%) 5%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    border-radius: 1em; background: linear-gradient(340deg,rgba(248, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);}
#success-send img {width: 80%; margin: 0 auto;}

#pop-form.pop-form {width: 94%; max-width: 30em; padding: calc(3% + 0.5em) 1em; border-radius: 1em; background: linear-gradient(340deg,rgba(248, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.pop-form {overflow: visible!important;}
.pop-form input {width:100%; background: #fff; border-radius: 1em; padding: 0.8em; outline: none; border: 1px solid #eee; text-indent: 1em; margin-bottom: 1em; box-shadow: 0 0 0.3em rgba(0,0,0,0.05)}
.pop-form .button {position: relative;display: inline-block; text-decoration: none; padding: 0.6em 1em; border: 1px solid #e91735; border-radius: 0.3em; background: #e91735; transition: all 0.3s; color: #fff;}
.pop-form .button:hover {transform: scale(1.05); cursor: pointer;}

.pop-form .overlay-btn {position: absolute; top: 0; left: 0; right:0; bottom:0;}
.pop-form .img {width: 40%;}
.pop-form .img img {width: 100%; display: block; margin: 0 auto;}
.pop-form .text {width: 60%;}
.pop-form .call-privacy {padding-top: 1em; color: #aaa;}
.fancybox__content>.f-button.is-close-btn {--f-button-svg-width: 2.5em; --f-button-svg-height: 2.5em; top:2em;right:2em;}
}


.fancybox__slide.has-iframe .fancybox__content {padding: 0; border-radius: 0.6em; overflow: hidden; max-height:90% !important;}
.fancybox__iframe{width: 94%; max-width: 1200px;}
#privacy {width :100%; margin: 0 auto; padding: 1.5em 3em; background: #fff;}
#privacy h1 {padding-bottom: 1em}
#privacy p {padding: 0.5em 0;}
#privacy ul {padding: 0.5em 0; list-style-type: disc; margin-left: calc(1em + 2%);}

#policy h1 {padding-bottom: 0.8em}
#policy p {padding: 0.5em 0; font-weight: 400;}
#policy ul {padding: 0.5em 0; list-style-type: disc; margin-left: calc(1em + 2%); font-weight: 400;}
#policy .info_text {backdrop-filter: blur(0.3em); padding: 3em 4em; background: rgba(255,255,255,0.6); border-radius: 0.8em; box-shadow: 0 0 1em rgba(13, 43, 98, 0.2); border:2px solid rgba(255,255,255,0.6);}
#policy .info_text h3 {padding: 1.5em 0 0.5em;}
#policy .info_text h3:nth-child(1) {padding: 0em 0 0.5em;}


.checkbox-custom {opacity: 0; position: absolute; display: none;}   
.checkbox-custom + .checkbox-custom-label:before {content: ''; background: #fff; border: 0.15em solid #0099cc; cursor: pointer; display: inline-block; vertical-align: middle; width: 1.2em; height: 1.2em; border-radius: 50%; padding: 0.15em; margin-right: 0.5em; text-align: center; transition: border 0.3s, box-shadow 0.3s;}
.checkbox-custom + .checkbox-custom-label.attension:before {content: ''; background: #fff; border: 0.15em solid #ff0000; cursor: pointer; display: inline-block; vertical-align: middle; width: 1.2em; height: 1.2em; border-radius: 50%; padding: 0.15; margin-right: 0.5em; text-align: center; box-shadow: 0 0 0.5em #ff0000;}
.checkbox-custom:checked + .checkbox-custom-label:before {content: ''; background: #fff url(../images/check-policy.png) no-repeat 50% 50%; background-size: 75%;color: #fff; box-shadow: 0 0 2em rgba(255,255,255,0.5);}
/*============ SECTION'S ============*/
.content {position: relative; width:100%; max-width: 2560px; background: #fff; overflow: hidden; margin:0 auto; box-shadow: 0 0 1.5em rgba(13,43,98,0.3);}
#scrollToTop {display:none;position: fixed; left: 2%; bottom: 2%; width: 3em; height: 3em; background: #cef9f8; z-index: 10; border-radius: 50%; cursor: pointer; transition: opacity 0.3s}
#scrollToTop.show:hover {opacity:0.8;}
#scrollToTop.show {display: block; animation: fadeIn 1.5s ease 1; opacity: 0.5;}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
  
img.reveal {transition: opacity 1s ease-out, filter 1s ease-out;}
img.lazy {
  opacity: 0;
  filter: blur(0.5em);
}


.main2 {padding: 0 0 3em 0;}
.main2 .bg_object img {width: 45%; transform: translate(18%,0%); }
.main2 .blank {width: 100%; margin-bottom: 2em;}
.main2 .blank h2 {transform: translate(-0.08em,0);}
.main2 .blank p {top: 1em;}
.main2 .list {width: 64%}
.main2 ul {padding: 1em 0 2em ; row-gap: 0.5em;}
.main2 ul:nth-child(1) {width: 46%;}
.main2 ul:nth-child(2) {width: 48%;}
.main2 ul li {width: 100%; position: relative; padding-left: 1.2em}
.main2 ul li:before {content: '';position: absolute; width:0.5em; height: 0.5em; background: #4cc2cf; border-radius: 50%; top:0.4em; left:0;}
.main2 .info {width: 75%;}

.main3 {padding: 3em 0 5em;}
.main3 .blank {width: 100%; margin-bottom: 2em;}
.main3 .ing_list {row-gap: 2.5em; column-gap: 1%;}
.main3 .ing_list .item {width:24%; text-align: center; background: #fff;}
.main3 .ing_list .item img {width:100%; margin:0 auto; transition: transform 0.3s;}
.main3 .ing_list .item img:hover {transform: scale(1.05); cursor: pointer;}
.main3 .ing_list .item p {padding-top: 0em}
.main3 .ing_list .spacer {display: none;}

.main4 {padding-bottom: 3em;}
.main4 .wrapper {padding-left: 9em; position: relative; z-index: 2;}
.main4 .bg_object.obj1 .img_left {width:25%; position: relative;}
.main4 .bg_object.obj1 .bg {width:106.4%; position: absolute; top:0; left:0; transform: translate(4%,-8%); opacity: 0.8}
.main4 .bg_object.obj1 .leaf {transform: translate(-20%,10%)}
.main4 .bg_object.obj2 {bottom: 15%;}
.main4 .bg_object.obj2 .img_right {width: 29%; transform: translate(0%,0%)}

.main4 h2 {padding: 0 0 0.8em; width: 100%; position: relative; z-index: 1;}

.main4 .ba_column {width: 42%; row-gap: 7em}
.main4 .ba_column:nth-child(2) {width: 42%; padding-top:3%; }
.main4 .ba_column .step .ba {padding-left: 10%; margin-bottom: 10%;}
.main4 .ba_column .step .ba img {max-width: 100%;}
.main4 .ba_column .step .num {position: absolute; width: 5em; top:0; left:-1em; transform: translate(-100%,0);}
.main4 .ba_column .step .num img {width: 100%;}
.main4 .ba_column:nth-child(2) .num {width: 4.5em; left: -0.5em;}

.main4 .itog {margin-top: 3em; width: 100%; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='25' ry='25' stroke='%234cc2cf' stroke-width='7' stroke-dasharray='5%25%2c 4%25' stroke-dashoffset='26' stroke-linecap='butt'/%3e%3c/svg%3e");
border-radius: 25px; padding: 1em 2em; background-color: rgba(255,255,255,0.6); backdrop-filter: blur(0.2em);}

.main5 {padding: 3em 0;}
.main5 h2 {padding: 0 0 0.5em 0; position: relative; z-index: 1;}
.main5 .text ul {row-gap: 2em; z-index: 1;}
.main5 .text ul li:nth-child(1) p {width: 48%;}
.main5 .text ul li:nth-child(2) p {width: 40%;}
.main5 .text ul li:nth-child(3) p {width: 60%;}
.main5 .text ul li:nth-child(4),
.main5 .text ul li:nth-child(5) {width: 48%}
.main5 .text ul li:nth-child(4) p {width: calc(100% - 5em);}
.main5 .text ul li:nth-child(5) p {width: calc(100% - 5em);}

.main5 .text ul li .ico {width: 5em}
.main5 .text ul li .ico img {width: 100%;}
.main5 .text ul li p {padding-left: 1em}
.main5 .img {position: absolute; top:0%; right:0; width: 50%; transform: translate(15%,15%);}
.main5 .img .fig3 {position: absolute; bottom:0; left: 50%; transform: translate(-39%,34%); width: 142%; z-index: -1}




.is-compact .fancybox__content>.f-button.is-close-btn {--f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color, #fff)!important;
    --f-button-hover-color: var(--fancybox-color, #fff)!important;
    --f-button-outline-color: transparent!important;
    --f-button-bg: transparent!important;
    --f-button-active-bg: transparent!important;
    --f-button-hover-bg: transparent!important;
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;}


.home_market {display: block; padding: 3em 0 5em 0; position: relative; z-index: 2;     background: url(../images/bg/bg_footer_sostav.webp) 50% 100% no-repeat;}
.home_market .pack {width:35%}
.home_market .pack .space {width:100%; padding-top: 110%;}
.home_market .pack img {position: absolute; top:0; left:0; width:130%}
.home_market .shop_block {width:60%; row-gap: 2em;}
.home_market h2 {display: inline-block;margin-bottom: 0.5em;}
.home_market h3 {width: 100%;}

.home_market .shop {column-gap: 2em;}
.home_market .shop a {display: block; width: calc(20% - 1em); box-shadow: 0 0 0.5em rgba(0,0,0,0.2); padding: 0 1em; border-radius: 1em; transition: all 0.3s; background: rgba(255,255,255,0.8)}
.home_market .shop a.marketplace {display: flex; flex: 1 1 50px; border-radius: 0.8em; padding: 0 2em; aspect-ratio: 1/0.5;}
.home_market .shop a.ozon {background: #0059ff}
.home_market .shop a.wildberries {background: linear-gradient(97.26deg, #ed3cca .49%, #df34d2 14.88%, #d02bd9 29.27%, #bf22e1 43.14%, #ae1ae8 57.02%, #9a10f0 70.89%, #8306f7 84.76%, #7c1af8 99.15%), linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05));}
    
.home_market .shop a img {width: 100%; transition: all 1s}
.home_market .shop a:hover {transform: scale(1.05); box-shadow: 0em 0.2em 0.5em rgba(0,0,0,0.2);}
.home_market .shop a:hover img {transform: scale(1.1);}

.home_market .callback {display: inline-block; background: #fff; width: 100%; padding: 0.2em 0.2em 0.2em 1.5em; border-radius: 2em; border: 3px solid #4cc2cf; box-shadow: 0 0 0.5em rgba(76,194,207,0.8)}
.home_market .callback .flex {column-gap: 2em}
.home_market .callback p {text-align: center; width: calc(100% - 12em)}
.home_market .btn {display: inline-block; width: 12em;outline: none; border:0; background: #e91735; color: #fff; padding: 0.4em 0em; border-radius: 2em;cursor: pointer; transition: transform 0.3s}
.home_market .btn img {display: inline-block; vertical-align: middle; width: 2em; margin-right: 0.5em}
.home_market .btn span {display: inline-block;transform: translate(0,0.1em);}
.home_market .btn:hover {transform: scale(0.98);}


.order_page .home_market {padding-top: 10em;}
.order_page .home_market .bg_object .img_left {width:35%; position: relative; z-index: 30}
.order_page .home_market .bg_object .img_left img {width: 100%; transform: translate(-20%,70%)}
.order_page .home_market .bg_object .img_right {width:35%; position: relative; z-index: 30}
.order_page .home_market .bg_object .img_right img {width:80%; position: absolute; bottom:0; right:0; transform: rotate(180deg) translate(0%,-180%); opacity: 0.8}

footer {background-image: url(../images/bg/main_footer_bg.webp); background-repeat: no-repeat; background-position: 50% 0%; background-size: cover; height: 1328px; padding-top: 6em;}
footer p {width: 36%;}
footer .left_block {width:40%;}
footer .left_block * {position: relative; z-index: 2}
footer .left_block p {width:85%}
footer .left_block .logo {width: 81%; padding-bottom: 0.8em;}
footer .left_block .phone_link {display: inline-block; text-decoration: none; transform: scale(1,1.3); text-shadow: 0em 0.1em 0.3em rgba(0,0,0,0.6);}
footer .left_block .phone_link:hover {color: #fff;}
footer .left_block .pozitiv {padding-left: 0.2em;}
footer .left_block .emansi {padding: 0.5em 0 0 1em;}
footer .left_block .bg {position: absolute; top:0%; left:50%; width: 140%; transform: translate(-50%,-10%); mix-blend-mode: multiply; z-index: 1}

.footer_nav {width:100%; padding: 2em 2em; background: rgba(29, 48, 125, 1); font-weight: 300;}
.footer_nav p { opacity: 0.8;}
.footer_nav a {text-decoration: none; color:#fff; opacity: 0.8; cursor: pointer; padding:0.2em 0}
.footer_nav a:hover {opacity: 1;}

.footer_nav .left_nav {width: 40%; }
.footer_nav .left_nav p {width: 100%;}
.footer_nav .right_nav {width: 55%; column-gap: 2em}


@media screen and (max-width: 2000px) {
.wrap {max-width: 1400px;padding: 0 calc(5px + 1%);}
.bg_scale {background-size: 2000px;}
.bg_object {width: 2000px;}

.main1 picture {width:2000px;}

}

@media screen and (max-width: 1600px) {
  .bg_scale {background-size: 126.5%;}
  .bg_object {width: 126.5%;}
  .content.sostav_page {background-size: 162%;}
  .wrap {width:100%; max-width: 100%; padding: 0 calc(5px + 7%)}
 
 :root {--scale-factor: calc((100vw - 1280px) / (1600 - 1280));}

  .px16{font-size:calc(var(--scale-factor) * (16 - 14) + 14px);}
  .px20{font-size:calc(var(--scale-factor) * (20 - 16) + 16px);}
  .px24{font-size:calc(var(--scale-factor) * (24 - 20) + 20px);}
  .px25{font-size:calc(var(--scale-factor) * (25 - 20) + 20px);}
  .px30{font-size:calc(var(--scale-factor) * (30 - 26) + 26px);}
  .px35{font-size:calc(var(--scale-factor) * (35 - 28) + 28px);}
  .px40{font-size:calc(var(--scale-factor) * (40 - 32) + 32px);}
  .px50{font-size:calc(var(--scale-factor) * (50 - 40) + 40px);}
  .px57{font-size:calc(var(--scale-factor) * (57 - 48) + 48px);}
  .px68{font-size:calc(var(--scale-factor) * (68 - 54.4) + 54.4px);}
  .px90{font-size:calc(var(--scale-factor) * (90 - 72) + 72px);}
  .px110{font-size:calc(var(--scale-factor) * (110 - 88) + 88px);}
  .px200{font-size:calc(var(--scale-factor) * (200 - 160) + 160px);}
  .px280{font-size:calc(var(--scale-factor) * (280 - 224) + 224px);}

  header .right_block {width: 75%; max-width:950px;}
  .main1 picture {width:100%;}

  .main1 .about .wrap {padding: 1.5em; width:calc(86% - 5px); background: rgba(255,255,255,0.6)}
  .main1 .about .wrapper {padding:0; background: none; border: 0; backdrop-filter: none;}

  .block4 .img {width:46%;}

  .main5 .text ul li:nth-child(3) p {width:75%;}
  .main5 .text ul li:nth-child(4), .main5 .text .flex:nth-child(5) {width: 100%;}
  .main5 .text ul li:nth-child(4) p {width:75%;}
  .main5 .text ul li:nth-child(5) p {width:75%;}

  .home_market {background-size: 126.5%;}
  footer {background-size: 126.5%;height: unset; aspect-ratio: 2/1.3}
}
@media screen and (max-width: 1400px) {
  header {padding: 0;}
  header .wrap {padding-top: 0.8em; padding-bottom: 0.8em;}
  header.fixed {height: auto; padding: 0;}
  header .logo {transform: translate(0,0);}
  header.fixed .logo {transform: translate(0,0);}
  header nav {width: 100%; max-width: 400px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 100%; top: calc(100% + 0.5em); transform: translate(0%,0); transition: transform, box-shadow, background, opacity 0.2s, 0.4s, 0.4s, 0.4s; opacity: 0; background: #fff; padding-top: 0;}
  header.fixed nav {top: 100%;}
  header nav a p {transform: translate(30%,0); transition: transform 0.8s;}
  header nav.open a p {transform: translate(0,0); transition-delay: 0.15s;}
  header nav.open {transform: translate(-100%,0); opacity: 1; box-shadow: 0 0.8em 0.8em rgba(13,43,98,0.4);}
  header .mobile-nav-expand {display: block;}
  header nav a {font-weight: bold; font-size: 20px; display: block; text-align: center; padding: 1.3em calc(1em + 5%); width: 100%; border-top: 1px solid rgba(0,0,0,0.05); border-radius: 0;}
  header nav a:hover {background: rgba(184,244,250,0.3);}
  header nav a.mob {display: block;}
  header .nav_block .links {flex-direction: row; column-gap: 3em;}
  header .nav_block {column-gap: 3em;}
  header .nav_block .phone {padding: 0.3em 0; font-size: 26px;}
  header nav a.discount {padding: 1.5em calc(1em + 5%);}
  header nav a.discount img {display: none;}
  header nav .sub-menu-parent {width: 100%; padding: 0;}
  header nav .sub-menu {display: none;}
  header nav a.about p {padding-right: 0em;}
  header nav a.about:after {display: none;}
  header .right_block {column-gap: 2em;}
  header nav .phone_block {display: none;}
  header nav .order_btn {display: none;}
  header .phone_block_mob {display: block; font-size: 32px; text-decoration: none; padding: 0.45em 0.7em; border-radius: 0 0.6em 0 0.6em; background: #6ab61e; transition: text-shadow 0.3s;}
  header .phone_block_mob:hover {color: #fff; text-shadow: 0 0 0.5em rgba(255,255,255,0.6);}
  header .menu_item_mob {display: block; font-size: 25px;}


}

@media screen and (max-width: 1280px) {
  .home_market .pack {width:60%; max-width: 480px; margin: 0 auto; padding-bottom: 3em;}
  .home_market .shop_block {width:100%;}
 
  footer .info {display: none;}
  footer .bg {display: none;}

}

@media screen and (max-width: 1140px) {
  .main3 .px30 {font-size: calc(calc((100vw - 280px) / (1140 - 280)) * (20 - 8) + 8px);} 

}

@media screen and (max-width: 980px) {
    .wrap {padding: 0 calc(5px + 6%);}

   :root {--scale-factor: calc((100vw - 280px) / (980 - 280));}

  .px16 {font-size: calc(var(--scale-factor) * (14 - 10) + 10px);} 
  .px20 {font-size: calc(var(--scale-factor) * (18 - 10) + 10px);}    
  .px24 {font-size: calc(var(--scale-factor) * (20 - 10) + 10px);}  
  .px25 {font-size: calc(var(--scale-factor) * (20 - 10) + 10px);}  
  .px30 {font-size: calc(var(--scale-factor) * (26 - 14) + 14px);} 
  .px35 {font-size: calc(var(--scale-factor) * (28 - 14) + 14px);}   
  .px40 {font-size: calc(var(--scale-factor) * (32 - 14) + 14px);}  
  .px50 {font-size: calc(var(--scale-factor) * (40 - 14) + 14px);}  
  .px57 {font-size: calc(var(--scale-factor) * (48 - 15) + 15px);}
  .px68 {font-size: calc(var(--scale-factor) * (50 - 16) + 16px);}
  .px90 {font-size: calc(var(--scale-factor) * (68 - 20) + 20px);}
  .px110{font-size:calc(var(--scale-factor) * (80 - 20) + 20px);}
  .px200{font-size:calc(var(--scale-factor) * (120 - 45) + 45px);}
  .px280{font-size:calc(var(--scale-factor) * (200 - 80) + 80px);}


  .main2 ul {padding: 0.5em 0 0;}
  .main2 ul:nth-child(1) {width: 100%;}
  .main2 ul:nth-child(2) {width: 100%;}
  .main2 .info {width: 100%; padding-top: 2em;}
  .main2 .bg_object img {width: 50%; transform: translate(15%,26%); }

  .main3 h2 {text-align: center;}

  .main4 .wrapper {padding-left: 0;}
  .main4 h2 {width: 100%; text-align: center; padding-bottom: 1em;}  
  .main4 .bg_object.obj1 .img_left {width: 52%;}
  .main4 .bg_object.obj1 .img_left .bg {opacity: 0.5; width: 60%;}  
  .main4 .bg_object.obj1 .img_left .leaf {opacity: 0.1;}
  .main4 .bg_object .img {width: 55%; transform: translate(10%, -22%);}
  .main4 .bg_object.obj2 .img_right {width: 120%; opacity:0.1;transform: rotate(-20deg) translate(0%,30%);}

  .main4 .ba_column {width: 100%; max-width: 720px; margin: 0 auto; row-gap: 3em;}
  .main4 .ba_column:nth-child(2) {width: 100%; padding-top: 3em;}
  .main4 .ba_column .step {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
  .main4 .ba_column .step .num {position: relative; left: unset; top: unset; transform: translate(0,0);}
  .main4 .ba_column:nth-child(2) .num {width: 5em;}
  .main4 .ba_column .txt {width: calc(100% - 5em); padding-left: 1em;}
  .main4 .itog {background-color: unset;}
    
  .main5 {padding-top: 0;}
  .main5 h2 {text-align: center; padding: 1em 0}
  .main5 .text {order:2;}
  .main5 .text ul li p {width: calc(100% - 5em) !important;}
  .main5 .img {position: relative; order:1; top:unset; right:unset; width: 80%; margin: 0 auto; transform: translate(0%,0%);}
  .main5 .img .fig3 {width: 220%;transform: rotate(-10deg) translate(-42%, 28%); opacity: 0.5;}

  .home_market {padding-top: 3em;}
  .home_market .wrap a {width: calc(25% - 1em);}

  
  #policy .info_text {padding: 2.2em 2.5em;}  
  


  footer {height: 31em; background-size: 60em; aspect-ratio: unset; padding-top: 3em;}
  footer .left_block .phone_link {font-size:calc(var(--scale-factor) * (36 - 9.6) + 9.6px);}
  footer .px68 {font-size: calc(var(--scale-factor) * (45 - 12) + 12px);}

  .footer_nav .wrap {flex-wrap:wrap;}
  .footer_nav .right_nav {width: 100%; justify-content: space-between; padding-top: 1em;}
  .footer_nav .right_nav div {width:100%; text-align: center;}
  .footer_nav .left_nav {width: 100%; text-align: center;}
  .footer_nav .left_nav {row-gap: 1em;}
 }

@media screen and (max-width: 640px) {

  #scrollToTop {width: 5em; height: 5em;}
  .pop-form .img {width:100%;}
  .pop-form .img img {width:60%; max-width: 240px; }

  .pop-form .text {width:100%;}

  .main1 .about .wrap {width: 100%; padding: 3em calc(5px + 6%) 1em;}
  .main1 .about .logo img {width:50%;}

  .main2 .list {width: 100%;}
  .main2 .bg_object {display: none;}

  .main3 .wrap {padding: 0;}
  .main3 .ing_list {row-gap: 0em}
  .main3 .ing_list .spacer {display:block; width: 16%}
  .main3 .ing_list .item {width: 32%;}

  .main4 {padding-top: 2em;}
  .main4 .img {width: 50%; transform: translate(10%, -5%);}
  .main4 .ba_column .step .about_step {padding-top: 1em}
  .main4 .ba_column .step .about_step .txt p:nth-child(1) {font-size: calc(var(--scale-factor) * (68 - 20) + 20px); padding-bottom: 0.3em}
  .main4 .ba_column .step .about_step .txt p:nth-child(2) {font-size: calc(var(--scale-factor) * (48 - 15) + 15px);}
  .main4 .bg_object.obj1 .img_left {width: 56%;}

  #scrollToTop {bottom: 5em}
  .links_bottom {display: flex;}

}

@media screen and (max-width: 480px) {


  .is-compact .fancybox__content>.f-button.is-close-btn {top:0!important;right:0!important}



  .main4 .bg_object.obj1 .img_left {width: 60%;}

  #policy .info_text {padding: 1.5em;}

  .home_market .wrap {column-gap: 0.9em;row-gap: 0.9em;}
  .home_market .wrap a{width: calc(33.3% - 0.6em); border-radius: 0.8em;}
  .home_market .btn img {width: 1.8em;}

  footer {height: 24em;background-size: 48em;}
  .footer_nav a {padding: 0.5em 0;}

}

@media screen and (max-width: 360px) {
  .main2 ul:nth-child(1),.main2 ul:nth-child(2) {width:100%}

  .main5 .text ul li .ico {width: 3em;}
  .main5 .text ul li p {width: calc(100% - 3em) !important;}

  .home_market .shop {column-gap: 1em;}
  .home_market .callback {border: 1px solid #4cc2cf; padding: 0.2em 0.2em 0.2em 1em;}
  .home_market .callback .flex {column-gap: 1em;}
  .home_market .btn img {display: none;}
  .home_market .btn {width: auto; padding: 0.65em 1.2em;}
}
@media screen and (max-width: 320px) {
  .home_market .callback {border: none; box-shadow: none;}
  .home_market .callback .flex {flex-wrap: wrap; row-gap: 1.5em;}  
  .home_market .callback p {width: 100%;}
  .home_market .btn {padding: 0.5em 1.5em;}
  .home_market .btn img {display: inline-block; width: 2em;}

}
@media screen and (min-width: 2000px) {
  :root {--scale-factor: calc((100vw - 2000px)/(2560 - 2000));}
  .px16{font-size: calc(var(--scale-factor) * (20.5 - 16) + 16px);}  
  .px20{font-size: calc(var(--scale-factor) * (25.6 - 20) + 20px);}
  .px24{font-size:calc(var(--scale-factor) * (30 - 24) + 24px);}
  .px25{font-size:calc(var(--scale-factor) * (32 - 25) + 25px);}
  .px30{font-size:calc(var(--scale-factor) * (38.4 - 30) + 30px);}
  .px35{font-size:calc(var(--scale-factor) * (44.8 - 35) + 35px);}
  .px40{font-size:calc(var(--scale-factor) * (51.2 - 40) + 40px);}
  .px50{font-size:calc(var(--scale-factor) * (64 - 50) + 50px);}
  .px57{font-size:calc(var(--scale-factor) * (73 - 57) + 57px);}
  .px68{font-size:calc(var(--scale-factor) * (87 - 68) + 68px);}
  .px90{font-size:calc(var(--scale-factor) * (115.2 - 90) + 90px);}
  .px110{font-size:calc(var(--scale-factor) * (140.8 - 110) + 110px);}
  .px200{font-size:calc(var(--scale-factor) * (256 - 200) + 200px);}
  .px280{font-size:calc(var(--scale-factor) * (358.4 - 280) + 280px);}
  .wrap {width:100%; max-width: 74%}


  footer .left_block .phone_link {font-size: 66px;}
}
@media screen and (min-width: 2560px) {
  .px16{font-size:20.5px;}
  .px20{font-size:25.6px;}
  .px24{font-size:30px;}
  .px25{font-size:32px;}
  .px30{font-size:38.4px;}
  .px35{font-size:44.8px;}
  .px40{font-size:51.2px;}
  .px50{font-size:64px;}
  .px57{font-size:73px;}
  .px68{font-size:87px;}
  .px90{font-size:115.2px;}
  .px110{font-size:140.8px;}
  .px200{font-size:256px;}
  .px280{font-size:358.4px;}

  .fancybox__iframe{width: 80%; max-width: 2000px;}
}