.content-box{
    padding:var(--padding-box) ;
}

/* nav */
nav{
    display: flex;
    justify-content: space-between;
    padding-block:clamp(50px, 5vw, 25px);
    height: clamp(36px, 2.15vw, 54px);
}

nav div, nav ul{
    display: flex;
    align-items: center;
}

.logo >img{
    margin-right:clamp(29px, -5.098rem + 7.68vw, 115px);
    width: clamp(173px, 10.5vw, 260px);
}

.nav-select{
    background: var(--Extra-Light-Gray);
    border-radius: 30px;
    padding-inline:clamp(10px, -0.339rem + 1.07vw, 22px);
    margin-inline:auto;
    height: 100%;
    position: relative;
}

.nav-home>svg, .nav-biz>svg{
width:clamp(20px, 0.446rem + 0.89vw, 30px);
height:clamp(20px, 0.446rem + 0.89vw, 30px);
}

.nav-select .nav-home{
    margin-right:clamp(15px, 0.5rem + 0.63vw, 24px);    
}

.nav-biz .mouseOn{
    position: absolute;
    left: 0px;
    top:-28px;
    display: none;
}

.nav-home .mouseOn{
    position: absolute;
    right: 50%;
    left: 50%;
    top:-28px;
    display: none;
}

.nav-home:hover .mouseOn,.nav-biz:hover .mouseOn {
    position: absolute;
    left: 0px;
    top:-28px;
    display: block;
}

.nav-tabs ul{
    display: flex;
    height: 100%;
    align-items: center;
    width: 100%;
}

.nav-tabs a, .menu-btn{
    display: flex;
    height: 100%;
    border-radius: 40px;
    border: 1px solid var(--Black);
    align-items: center;
    padding-inline: clamp(15px, 0.375rem + 0.63vw, 22px);

}

.nav-tabs .nav-menu, .menu-btn {
    color: var(--Red);
    border:1px solid var(--Red);
}

.nav-menu[toggle-menu="open"]{
    background:var(--Red);
    width: max-content;
}

.nav-menu[toggle-menu="close"] .menu-close{
    display:block;
}

.nav-menu[toggle-menu="close"] .menu-open{
    display:none;
} 

.nav-menu[toggle-menu="open"] .menu-close{
    visibility: hidden;
} 

.nav-menu[toggle-menu="open"] .menu-open{
    position: absolute;
    display:block;
    width:clamp(24px, 0.536rem + 1.07vw, 36px);
}

.nav-menu svg, .phone-btn {
    width: clamp(16px,1.5vw,24px);
}

.nav-menu{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    opacity: 1;
    transition: all 0.5s ease 0s; 
    margin-inline:clamp(4.375rem, -5.868rem + 13.43vw, 15.625rem);
}

.nav-menu.close-popup{
    background-color: var(--Red);
    position: relative;
}

.nav-menu span{
    opacity: 1;   
    transition: all 0.5s ease 0s; 
}

.nav-menu.close-popup span{
    visibility: hidden;
    opacity: 0;
}

.close-icon-menu{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    visibility: visible;
    opacity: 0;
    width: 36px;
    height: 36px;
}

.nav-menu.close-popup .close-icon-menu{
    opacity: 1;   
    transition: all 0.5s ease 0s; 
}

.nav-phone{
    flex-direction: row-reverse;
    height: 100%;
}

.nav-phone a{
    display: flex;
    align-items: center;
    height: 100%;
}

.phone-btn{
    margin-left: calc(max(10px, min(0.6vw, 0.85vw)));
    background-color: var(--Red);
    border-radius: 50px;
    height: 100%;
    padding-inline: clamp(18px, 0.464rem + 0.8vw, 29px);
}

.tablet .nav-menu {
    padding-inline: clamp(18px, 0.464rem + 0.8vw, 29px);
    margin: 0;
}

.nav-select:hover {
    background-color: var(--Light-Gray);
}

.sticker{
    margin-top: clamp(1.25rem, 0.179rem + 2.6vw, 3.75rem);
}

.sticker content{
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.sticker h1{
    margin-bottom: clamp(30px, 0.673rem + 1.92vw, 60px);
}

.sticker-img{
    margin-inline:auto;
    display: flex;
    align-items: center;
}

.sticker-img img{
    width: clamp(180px, 10.6vw, 270px);
}

.blue-box .el:nth-of-type(2){
    margin-top: clamp(0px, -3.214rem + 6.7vw, 120px)
}

.blue-box .el:nth-of-type(3){
    margin-top: calc(clamp(0px, -3.214rem + 6.7vw, 120px)/2);
}

.slider{
    display: inline-flex;
    gap: var(--gapColumn);
    position: relative;
    cursor:grab;
}

.drag {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
}

.drag.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.drag img{
    width: var(--drag); 
}

.back-white .drag{
    /* left: calc((33.333vw - (max(20px, min(120px, 9vw))) * 2 / 3 - var(--drag) / 4 + 2px) * 2);  */
}

.el, .card{
    box-sizing: border-box;
    flex: 0 0 calc((33.3333vw - 12px - (clamp(20px, -5.14rem + 14.04vw, 120px)) * 2 / 3 ));
    min-width: 310px;
    gap: 10px; 
}

.card-tm{
    margin-bottom:  var(--tm);
}

.el.blue{
    position: relative;
    display: flex;
    border-radius: 30px;
    background-color: var(--Blue);
    flex-direction: column;
    padding: 40px 40px 60px;
    height: max-content;
}

.el.blue .txt-title {
     margin-bottom: clamp(5px, 2vw, 10px); 
}

.el.blue .info{
    display: flex;
    flex-direction: column;
}

.img-card img{
    height: clamp(9.375rem, -2.679rem + 13.39vw, 18.75rem);
}


  @keyframes movePath {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-100%);
      
    }
    51% {
        transform: translateY(100%);
        
    }
    100% {
      transform: translateY(0);
    }
  }
  
  .circle-arrow {
    position: absolute;
    top: clamp(10px, 0.446rem + 0.89vw, 30px);
    right: clamp(20px, 0.446rem + 0.89vw, 30px);
    width: var(--drag);
    height: var(--drag);
  }
  
  .slider .el.blue:hover .circle-arrow path, .more:hover path, button:hover path,.link-white:hover path {
    animation: movePath 0.3s ease-in-out ;
  }

.tarif.scroll-hidden{
    flex-direction: column;
}

.tarif{
    background: white;
}

.tarif, .device{
    overflow: auto;
}

.tarif-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: clamp(30px, 0.268rem + 1.79vw, 50px);
}

.tarif-header .h2-heading{
    margin-bottom: 0;
}

.more{
    display: flex;
    color: var(--Red);
    align-items: center;
}

.more svg{
    width: clamp(16px, 0.625rem + 0.78vw,30px);
    margin-left: 5px;
}

.tarif-block{
    display: flex;
}

.tarif-block .card{
    border-radius:30px;
    border: 1px solid var(--Light-Gray);
}

.tarif-block .card-header{
    padding-block:clamp(30px, -0.536rem + 2.68vw, 60px)
                  clamp(30px, 1.313rem + 0.63vw, 37px);
    padding-inline:var(--cardInlinePadding);

}

.tarif-block .card-header,.tarif-block  .card-body,.solo-tarif .card-info, .solo-tarif .card-body{
    border-bottom: 1px solid var(--Light-Gray);
}

.card-header .bonus{
    display: flex;
    margin-bottom:clamp(12px, -0.054rem + 0.89vw, 22px);
}

.card-header .blue-box{
    color: var(--BlackBlue);
    padding: 0 10px;
    border-radius: 10px 10px 0 0;
    border: 1px solid var(--BlackBlue);
    border-bottom: 0;
    line-height: 95%;
}

.card-header .red,.card-footer .red{
    color: var(--Red);
    padding: 0 10px;
    border-radius: 10px 10px 0 0;
    border: 1px solid var(--Red);
    border-bottom: 0;
    line-height: 95%;
}

.card-name .txt-text-min{
    margin-block:clamp(5px, -0.652rem + 1.07vw, 17px)
                clamp(30px, 1.071rem + 0.89vw, 40px);
}

.card-info .tv{
    margin-top:clamp(5px, -0.089rem + 0.45vw, 10px);
}

.card-info .txt-text{
    display: flex;
    align-items: center;
    margin-top:clamp(5px, 0.071rem + 0.27vw, 8px);    
}

.card-info .txt-text img{
    margin-left: 5px;
    width: clamp(1.25rem, -0.036rem + 1.43vw, 2.25rem);  
}

.card-body{
    padding-block: clamp(30px, 1.313rem + 0.63vw, 37px);
    padding-inline:var(--cardInlinePadding) ;
}

.card-body .top{
    display: flex;
    flex-wrap: wrap;
    margin-bottom:clamp(5px, -0.089rem + 0.45vw, 10px);
}

.indicator-box{
    display: flex;
}

.indicator{
    padding: 5px 10px 0px;
    border-radius: 10px 10px 0 0;
    border: 1px solid var(--Black);
    border-bottom: 0;
    line-height: 60%;
}

.blue.indicator{
    color: #266BD1;
    border-color: #266BD1;
}

.card-footer{
    padding-block: clamp(30px, 0.268rem + 1.79vw, 50px)
                   clamp(1.875rem, -0.536rem + 2.68vw, 3.75rem);
    padding-inline: var(--cardInlinePadding);
}

.top{
    display: flex;
}

.card-footer .red{
    margin-bottom:clamp(5px, -0.089rem + 0.45vw, 10px);
}

.card-footer .bottom{
    display: flex;
    align-items: flex-end
}

.card-footer .cross{
    color: var(--Gray);
    text-decoration:line-through;
    margin-left: clamp(10px, -0.179rem + 0.89vw, 20px);
} 

.card-footer .btn-red {
    margin-top:clamp(20px, 0.446rem + 0.89vw, 30px);
}

.btn-red svg{
    width:clamp(20px, 0.446rem + 0.89vw, 30px);
    height: clamp(20px, 0.446rem + 0.89vw, 30px);
    margin-left: 5px;
}

.tarif-block .viewAll{
    display: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tarif-block .viewAll a{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    background-color: var(--Red);   
}

.twice{
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.equally{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 0px;
}

.twice .left{
    display: flex;
    width: clamp(393px, 30vw, 767px);
}

.twice .right,.twice .middle{
    width: clamp(796px, 55vw, 1543px);
    /* косяк */
}

.akcii .twice .right{
    width: auto;
    /* косяк */
}


.twice .header, .equally .header{ 
    margin-bottom:var(--margin-txtDescription);
}

.advantage .twice{
    padding-top: clamp(60px, 1.194rem + 5.62vw, 100px);
}

.back-black .h2-heading{
    color: var(--White);
}

.back-black .left p,.back-black .left a{
    color:var(--Gray);
}

.back-black .time{
    color:var(--Gray);
    margin-bottom: 5px;
}

.back-black .offer{
    width: clamp(648px, 80%, 1160px);
    margin-top: clamp(5px, -1.857rem + 2.41vw, 32px);
    color:var(--White);
}

.back-black form{
    margin-bottom:clamp(20px, 0.446rem + 0.89vw, 30px);
}

.back-black input{
    border-radius: 50px;
    border: 1px solid var(--Gray, #8A8D93);
}

.back-black .footer {
    display: flex;
    flex-direction: column;
}

.back-black .footer input{
    margin-right: 10px;
}

.back-black .footer p{
    margin-top:clamp(10px, -0.179rem + 0.89vw, 20px);
    color: var(--Gray);
}

.back-black .footer a{
    margin-top:clamp(10px, -0.179rem + 0.89vw, 20px);
    color: var(--White);
}


.preimushestva{
    background: var(--Extra-Light-Gray);
}
.preimushestva{
    padding-bottom: clamp(100px, 3.036rem + 5.95vw, 140px);
}


.back-white , .news{
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.back-white .el{
    border-radius: 30px;
    border: 1px solid var(--Light-Gray);
    background: var(--Extra-Light-Gray);
}

.back-white .top, .news .top{
    padding-inline:var(--cardInlinePadding);
    padding-top:var(--cardBlockPadding);
    margin-bottom:clamp(150px, 1.339rem + 8.93vw, 250px)
}
.back-white .bottom, .news .bottom{
    padding-inline: var(--cardInlinePadding);
    padding-bottom:var(--cardBlockPadding);
}
.back-white .txt-text{
    color: var(--Dark-Gray);
}

.back-gray{
    background: var(--Extra-Light-Gray);
    display: flex;
    flex-direction: column;
}

.about-img img{
    width: clamp(394px, -5.268rem + 33.21vw, 766px);
    margin-bottom:clamp(20px, -0.196rem + 3.01vw, 74px);
}

.device article{
    display: flex;
    justify-content: space-between;
}

.device, .news{
    background: var(--Extra-Light-Gray);
}
.device .first, .device .second{
    display: flex;
    gap: var(--gapColumn);
}

.device .first{
    margin-bottom: clamp(10px, -0.179rem + 0.89vw, 20px);
}

.device .el, .oborudovanie .el{
    padding: var(--cardBlockPadding) var(--cardInlinePadding);
    border-radius: 30px;
    border: 1px solid var(--Light-Gray);
}

.none{
    border: 0!important;
    background: none;
}

.bg-white{
    background-color: var(--White);
}

.device .el img{
    width: 100%;
    margin-bottom: clamp(10px, -0.982rem + 1.79vw, 30px)
}

.star svg{
    width: clamp(40px, -0.714rem + 3.57vw, 80px);
    height: clamp(40px, -0.714rem + 3.57vw, 80px);
}

.device .bottom .txt-title-card, .oborudovanie .left .txt-title-card{
    margin-bottom:5px;
}

.device .el li, .oborudovanie .bg-white li{
    padding: 5px 10px;
    border-radius: 20px;
    border: 1px solid var(--Light-Gray);
}

.df-c-sb{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.faq {
    background: white;
}

.faq-el{
    margin-bottom: clamp(20px, 2.1vw, 50px);
}

.faq-el:last-of-type {
    margin-bottom: 0;
}

.faq-border{
    border-radius: 30px 30px 0 0;
    border: 1px solid var(--Black);
    border-bottom: 0;
    width: 100%;
    height: clamp(10px, 1.42vw, 30px);
}

.faq-title{
    padding-inline: clamp(10px, 1.42vw, 30px);
    display: grid;
    grid-template-columns: 1.5fr 1.7fr 1fr;
}

.faq-arrow{
    display: flex;
    flex-direction: row-reverse;
}

.faq-arrow svg{
    transition:all 0.5s;
}

.faq-answer {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
} 

.visible{
    display: block;
}

.faq-answer.visible {
    opacity: 1;
    max-height: 1000px;
    margin-block: clamp(10px, 1.42vw, 25px) 
                  clamp(20px, 2.1vw, 50px);
}

.faq-answer.visible:last-child {
    opacity: 1;
    max-height: 1000px;
    margin-block: clamp(10px, 1.42vw, 25px) 0;
}

.news .el{
    border:1px solid var(--Light-Gray);
    border-radius: 30px;
}

footer .left,footer .phone .txt-phone,.phone .txt-text-min{
 color: var(--White)!important;
 flex-direction: column;
 justify-content: space-between;
}

footer .phone .txt-text-min{
    margin-top:5px;
}

footer .dark{
    margin-top: auto;
    color: var(--Dark-Gray);
}

footer .right .top{
    flex-wrap: wrap;
    gap: var(--gapColumn);
}

footer .right .top .txt-text{
    color: var(--Gray);
    border-radius: 60px;
    padding-block:clamp(10px, -0.179rem + 0.89vw, 20px);
    padding-inline:clamp(15px, -0.268rem + 1.34vw, 30px);
    border:1px solid var(--Gray);
    margin-right: 10px;
}

footer .twice:first-child{
    margin-bottom:clamp(40px, 0.57rem + 2.2vw, 75px)
}

footer .middle{
    display: flex;
    gap:clamp(40px, 0.893rem + 1.79vw, 60px);
    margin-bottom:clamp(40px, 0.57rem + 2.2vw, 80px);
}

footer .right .top {
    width:clamp(673px, 3.732rem + 42.59vw, 1150px);
}

footer .politika a{
    color: var(--Gray);
}

footer .politika a:first-child{
   margin-right:clamp(1.25rem, 0.179rem + 2.23vw, 3.75rem);
}


/* page2 */

.baner{
    margin-top: 0px!important;
    background: var(--Blue);
    position: relative;
    border-radius: 0;
    padding-top: clamp(40px, -5.14rem + 14.04vw, 224px);
    padding-bottom: clamp(80px, -5.14rem + 14.04vw, 264px);
}

.baner-form{
    display: flex;  
    padding-inline:var(--paddingContainer-inline);  
}

.baner-txt-form{
    display: flex;
    flex-direction: column;
    /* width: clamp(680px, -0.25rem + 47.5vw, 1212px); */
    width: 60%;
    gap: clamp(10px, 1.42vw, 30px);
    z-index: 1;
}

.ban-img{
    position: absolute;
    right: var(--paddingContainer-inline);
    bottom: 40px;
    z-index: 0;
}

.ban-img img{
    width: clamp(450px, -11.25rem + 43.75vw, 940px);
}

.tabs {
    display: flex;
    justify-content: space-between;
}
.tabs ul{
    display: flex;
    margin-bottom:clamp(30px, 0.268rem + 1.79vw, 50px);
}

.tabs li{
    background: none;
    color: var(--Gray);
    border: 1px solid var(--Light-gray, #D4D8E0);
}

.tabs li.active{
    background: var(--Light-Gray);
    color: var(--Black);
    border: 1px solid var(--Light-Gray);
}

.black-card-clicker{
    display: flex;
    gap: var(--gapColumn);
    cursor: pointer;
}
.black-card{
    background:none;
    -moz-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
}

.black-card.home.black-card-active{
    background: url(/dom.ru/img/other/black-card/home.png) no-repeat right top;
    background-size: contain;
}

.black-card.premier.black-card-active{
    background: url(/dom.ru/img/other/black-card/premier.png) no-repeat right top;
    background-size: contain;
}

.black-card.kino.black-card-active{
    background: url(/dom.ru/img/other/black-card/premier.png) no-repeat right top;
    background-size: contain;
}

.black-card.litres.black-card-active{
    background: url(/dom.ru/img/other/black-card/litres.png) no-repeat right top;
    background-size: contain;
}

.black-card.GamersBase.black-card-active{
    background: url(/dom.ru/img/other/black-card/GamersBase.png) no-repeat right top;
    background-size: contain;
}

.black-card.tv.black-card-active{
    background: url(/dom.ru/img/other/black-card/tv.png) no-repeat right top;
    background-size: contain;
}

.black-card.movix.black-card-active{
    background: url(/dom.ru/img/other/black-card/movix.png) no-repeat right top;
    background-size: contain;
}

.link-black{
    color: var(--Black);
}

.link-black:hover{
    color: var(--Black);
}

.black-card {
    display: flex;
    flex-direction: column;
    position: relative;
    height: clamp(367px, -4.625rem + 30.63vw, 710px);
    width: clamp(85px, -0.473rem + 6.43vw, 157px);
    border-radius: 30px;
    border: 1px solid var(--Dark-Gray);
    justify-content: center;
    align-items: center;
}

.black-card.black-card-active{
    justify-content: space-between;
    height: clamp(367px, -4.625rem + 30.63vw, 710px);
    width: clamp(500px, -7.964rem + 43.57vw, 988px);
    align-items: start;
}

.black-card .top{
    display: flex;
    max-width: 500px;
    flex-wrap: wrap;
    padding-top:clamp(15px, -0.39rem + 1.84vw, 40px);
    padding-left:clamp(15px, -0.39rem + 1.84vw, 40px);
}
.black-card .indicator{
    margin-bottom: 3px;
}
.black-card .indicator, .black-card .bottom{
    color: var(--Light-Gray);
    border-color: var(--Light-Gray);
}

.black-card .bottom .txt-text{
    color: var(--Gray);
}

.black-card .bottom{
    padding-left: clamp(15px, -0.39rem + 1.84vw, 40px);
    padding-right: clamp(78px, -1.953rem + 8.96vw, 198px);
    padding-bottom: var(--black-card-position);
}

.black-card svg{
    position: absolute;
    bottom:clamp(15px, -0.39rem + 1.84vw, 40px);
    width: clamp(40px, 0.508rem + 2.61vw, 75px);
    height: clamp(40px, 0.508rem + 2.61vw, 75px);;
}

.black-card svg circle{
    fill:var(--Dark-Gray)
}

.black-card svg text{
    fill: var(--Black);
}

.black-card-active svg{
    right: var(--black-card-position);
}

.black-card-active svg circle{
    fill: var(--Gray);
}

.black-card .middle{
    display: block;
    transform: rotate(270deg);
    color: var(--Gray);
    white-space: nowrap;
    margin-bottom: 20%;
}

.black-card-active .middle,.black-card .top,.black-card .bottom{
    display: none;
}

.black-card-active .top, .black-card-active .bottom{
    display: flex;
}

.black-card .top, .black-card .middle, .black-card .bottom{
    opacity: 0;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.black-card .top, .black-card .middle, .black-card .bottom{
    animation: fadeIn 0.5s ease-in-out;
    animation-delay: 0.4s;
    animation-fill-mode: forwards;
}

.router{
    background: white;
    margin-top:0px!important;
}
.router .bottom .txt-subtitle-card{
    margin-block: clamp(20px, 0.381rem + 1.32vw, 40px)
                  clamp(5px, -0.089rem + 0.45vw, 10px);
}

.router .txt-text-min{
    color: var(--Gray);
}

.headTwiceMargin{
    margin-bottom:clamp(50px, 0.714rem + 2.68vw, 80px);
}

.equally .header{
    margin-bottom:clamp(20px, -1.161rem + 2.68vw, 50px);
}

.title-flex{
    display: flex;
    justify-content: space-between;
}

.adress-form-city{
    display: flex;
    gap: var(--gapColumn);
    margin-bottom: clamp(30px, 0.268rem + 1.79vw, 50px);
}

.adress-form-city input {
    border: 1px solid var(--Gray, #8A8D93);
    box-sizing: border-box;
    width: clamp(190px, 0.294rem + 15.44vw, 400px);
}

.adress-form-city input:focus {
    background: url(/dom.ru/img/icons/close.png) no-repeat;
    background-size: clamp(20px, 0.045rem + 1.34vw, 35px);
    background-position: right 5% bottom 50%;
}

.adress-form-city .btn-red{
    max-width: 297px;
}

.adress-form-city input:nth-child(-n+2){
    width: clamp(280px, -7.411rem + 27.68vw, 590px);
    box-sizing: border-box;

}

.back-gray iframe{
    border-radius: 30px;
    height: 1000px;
    height: clamp(400px, -4.018rem + 35.71vw, 850px);
}

.movix-baner{
    background: var(--Black);
    overflow: hidden;

}

.movix-baner .baner-form{
    padding-bottom: clamp(59px, -4.589rem + 9.2vw, 162px);
}

.movix-baner .baner-txt-form .txt-description{
    color: white;
}

.movix-baner .baner-txt-form{
    position: relative;
    z-index: 4;
}


.movix-baner .baner-txt-form .txt-text{

    color: var(--Gray);
    margin-block: clamp(10px, -0.324rem + 1.76vw, 40px)
                  clamp(10px, -0.179rem + 0.89vw, 20px);
}

.movix-baner .ban-img{
    z-index: 3;
}
.movix-baner .baner-circle{
    position: absolute;
    border-radius: 1661px;
    width: clamp(39.375rem, 0.513rem + 62.18vw, 100rem);
    height: 1600px;
    background: radial-gradient(50% 50% at 50% 50%, #3330C0 0%, rgba(111, 38, 207, 0.00) 100%);
    z-index: 2;
    top: -500px;
    right: -22vw;
}

/* news-page */

.news-page .slider{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}


.news-page .page-numbers{
    position: absolute;
    display: flex;
    gap: 30px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: clamp(-50px, 0.446rem + 2.98vw, -70px);
    justify-content: center;
    align-items: center;

}

.news-page .page-numbers li{
    color: var(--Gray);
    cursor: pointer;
}

.news-page .page-numbers .active-num{
    color: var(--Black);
}

.news-page .bottom .txt-numeric, .autor .txt-text-min{
    color: var(--Gray);
}

.autor img{
    width: clamp(100px, 2.232rem + 4.46vw, 150px);
}
.autor .txt-text{
    margin-block: 10px 5px;
}

.numeric-line{
    display: flex;
    width: 94px;
    height: 2px;
    border-radius: 2px;
    background: var(--Gray);
}

.news-soloPage .left, .news-soloPage .right article, .tarif-article .left, .oborudovanie .left{
    display: flex;
    flex-direction: column;
}

.news-soloPage .left .date-time{
   margin-bottom:clamp(100px, 0.625rem + 6.25vw, 170px)
}

.news-soloPage .left {
    margin-bottom:clamp(100px, 0.625rem + 6.25vw, 170px)
 }

.news-soloPage .right img{
    margin-block: clamp(30px, 0.268rem + 1.79vw, 50px);
}

.news-soloPage .right .strong{
    margin-block: clamp(70px, 0.357rem + 4.46vw, 120px);
}

.news-soloPage .right h2{
    margin-block: clamp(20px, 0.446rem + 0.89vw, 30px);
}

.tarif-article{
    margin-block: clamp(30px, 0.268rem + 1.79vw, 50px)
                clamp(70px, 0.357rem + 4.46vw, 120px);
}

.tarif-article .twice{
    padding-block: clamp(70px, 0.357rem + 4.46vw, 120px);
}

.share{
    display: flex;
    gap: var(--gapColumn);
    margin-top: 10px;
}

.share img{
    width: clamp(36px, 1.125rem + 1.25vw, 50px);
}

.limitation{
    width: clamp(590px, -8.527rem + 50.45vw, 1155px);
}

.tarif-soloPage{
    background: var(--Extra-Light-Gray);
    margin-top:0px!important;
}

.tarif-soloPage .container-body{
    margin-top:clamp(30px, 1.071rem + 0.89vw, 40px);
}

.solo-tarif, .akcii .el,.oborudovanie .bg-white{
    width: clamp(20rem, -5.515rem + 33.41vw, 47.938rem);
    border-radius: 30px;
    border: 1px solid var(--Light-Gray);
    background: var(--White);
}

.solo-tarif .card-info{
    padding-block: clamp(30px, 0.268rem + 1.79vw, 50px) clamp(1.875rem, -0.536rem + 2.68vw, 3.75rem);
    padding-inline: var(--cardInlinePadding);
}
.akcii .top{
    display: flex;
    flex-direction: column;
    padding-block: clamp(30px, 0.268rem + 1.79vw, 50px) 
                   clamp(20px, -0.024rem + 1.77vw, 45px);
    padding-inline: var(--cardInlinePadding);
}

.akcii .top img{
    width: clamp(50px, 0.321rem + 4.49vw, 120px);
    margin-bottom: clamp(10px, -0.179rem + 0.89vw, 20px);
}

.akcii .bottom{
    display: flex;
    flex-direction: column;
    padding-block: clamp(20px, -0.024rem + 1.77vw, 45px)
                   clamp(30px, 0.268rem + 1.79vw, 50px);
    padding-inline: var(--cardInlinePadding);
}

.akcii .choise-option, .oborudovanie .container-body .right{
    display: flex;
    flex-wrap: wrap;
    gap: var(--gapColumn);
}

.akcii .twice:nth-child(2){
    margin-top: clamp(60px, -0.247rem + 7.19vw, 180px)
}

.oborudovanie .container-body {
    margin-top: clamp(1.25rem, 0.097rem + 2.67vw, 4.375rem)
}

.akcii .h2-heading{
    margin-bottom: 0;
}

.choise-option .txt-description{
    margin-bottom: clamp(1.25rem, 0.097rem + 2.67vw, 4.375rem);
}

.oborudovanie{
    background-color: var(--Extra-Light-Gray);
    overflow: hidden;
}
.oborudovanie .img img{
   width: 100%;
}

.oborudovanie .container-body .right.slider{
    display: flex;
    flex-wrap: nowrap;
    gap: var(--gapColumn);
}

.wrapper-menu{
    position: fixed;
    height: 100vh; 
    width: 100vw;
    opacity: 0;
    visibility: hidden;
    background-color: var(--Extra-Light-Gray);
    margin-top:0!important;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    transition: all 0.5s ease 0s; 
}

.popap__close{
    cursor: pointer;
}
.wrapper-menu.active{
    opacity: 1;
    visibility: visible;
}

.popap__content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(60px, 1.339rem + 2.68vw, 90px) 0;
    width: 100%;
    transform: translate(0px, 0%);
}

.menu-el{
    cursor: pointer;
}

.menu-el .h2-heading{
    margin-bottom:clamp(5px, -0.089rem + 0.45vw, 10px)
}

.popup.wrapper{
    position: fixed;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    background: rgba(24, 27, 33, 0.30);
}

.popup.wrapper.active{
    visibility: visible;
    opacity: 1;
    z-index: 20;
}

.popup_body{
    position: relative;
    width: 50%;
    height: 100%;
    margin-left: auto;
    background: white;
    border-radius: var(--overlay-radius) 0px 0px var(--overlay-radius)  ;
}

.popup_content{
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.popup_content.active{
    position: absolute;
    visibility: visible;
    opacity: 1;
    top: clamp(350px, 13.839rem + 8.93vw, 450px);
    left: clamp(50px, -0.893rem + 4.46vw, 100px);
    right: var(--paddingContainer-inline);
}

.popup_content .txt-text-min{
    color: var(--Gray);
    margin-block:clamp(10px, -0.179rem + 0.89vw, 20px) 20px;  
}

.popup_content .order-form{
    display: flex;
    gap: var(--gapColumn); 
}

.popup_content .order-form input{
    width: 100%;
}

.popup_close{
    position: absolute;
    top:clamp(20px, -5.893rem + 14.88vw, 120px);
    right: var(--paddingContainer-inline);
}

.svg-icon52{
    width: clamp(24px, 0.964rem + 1.43vw, 52px);
    height: clamp(24px, 0.964rem + 1.43vw, 52px);
}

.popup_content .link-btn{
    margin-top:clamp(20px, -0.357rem + 1.79vw, 40px);
}

.blue-box, .scroll-hidden{
    display: flex;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.blue-box::-webkit-scrollbar, .scroll-hidden::-webkit-scrollbar {
    display: none;
}

.oborudovanie .right.scorll-hidden{
    width: 1572px;
}

.popup[data-popup-item = "city"], .popup[data-popup-item = "menu"]{
    position: absolute;
    z-index: 10;
    top: 0;
}

.popup[data-popup-item = "city"],.popup[data-popup-item = "city"] .popap__content{
    display: flex;
    flex-direction: column;
}

.txt-input[data-city-search]{
    width: 50%;
}
.city-select{
    display: flex;
    flex-direction: row;
    gap: clamp(50px, -0.893rem + 4.46vw, 100px);
}

.city-hold, .city-list{
    display: flex;
    flex-direction: column;
    gap:clamp(20px, -0.357rem + 1.79vw, 40px);
}

.city-list a.txt-text, .city-hold .txt-text{
    color:var(--Black);    
}

@media (max-width: 1440px) {
    .el.blue{
        width:clamp(310px, 27.2vw, 393px);
        height:clamp(349px, 27.2vw, 384px);
    }

    .headTwiceMargin{
        margin-bottom:clamp(1.875rem, 0.446rem + 2.98vw, 3.125rem);
    }

    .tarif-header {
        margin-bottom: clamp(20px, 0.536rem + 1.49vw, 30px);
    }

    .about-img img {
        width: clamp(320px, 15.271rem + 10.39vw, 394px);
    }

    .tarif-block .card{
        width:clamp(310px, 27.2vw, 393px);
    }

    .tarif-soloPage .container-body{
        margin-top:clamp(20px, 0.536rem + 1.49vw, 30px);
    }

    .twice .left{
        width:clamp(310px, 27.2vw, 393px);
    }
    /* .twice .top{
        margin-bottom:clamp(100px, 2.494rem + 7.65vw, 150px);
    } */
    footer .twice .top{
        margin:0;
    }
    /* page2 */
   
    .ban-img img{
        width: clamp(320px, 16.186rem + 13.27vw, 450px);
    }

    .device .bottom .txt-text-min{
        color: var(--Gray);
    }

    .movix-baner .baner-txt-form{
        width: clamp(490px, 7.309rem + 48.58vw, 797px);
    }

    .wrapper-menu{
        gap: clamp(40px, -0.341rem + 4.55vw, 60px);
    }
    
    .popup_content.active{
        top: clamp(114px, -9.732rem + 35.12vw, 350px);
        left: clamp(20px, -0.667rem + 4.21vw, 50px);
    }

}


@media (max-width: 1200px) {
    nav{
        display: flex;
        justify-content: space-between;
        padding-block: clamp(25px, -1.215rem + 5.79vw, 50px);
    }

    .logo >img {
        width: clamp(144px,10.5vw,173px);
        margin: 0;
    }  

    nav .phone-btn{
        margin:0px;
    }

    .tarif-block .viewAll{
        display: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .twice {
        display: flex;
        flex-direction: column;
    }

    .about-domru{
        margin-top:70px;
    }

    .device .tablet{
        display: flex;
        flex-direction: column;
    }

    .device .slider{
        flex-direction: row;
    }

    .back-black .footer p{
        margin-top:20px;
    }

    .twice .left{
        margin-bottom:20px;
    }

    .twice .right{
        width: auto;
    }

    .twice .middle {
        width: auto;
    }
    
    .two-rows-slider{
        display: flex;
        overflow: scroll;
        -ms-overflow-style: none;
        scrollbar-width: 0;
    }

    .container-body.device,.container-body.news{
        padding-bottom:30px;
    }

    .star svg{
        margin-bottom: 20px;
    }

    .faq{
        background: white;
    }

    .faq-title{
        padding-inline: clamp(10px, 1.42vw, 30px);
        display: grid;
        grid-template-columns: 1.6fr 3fr 1fr;
    }

    .desk-tab{
        display: none;
    }

    footer .mob-reverse{
        flex-direction: column-reverse;
    }
    
    /* page2 */

    .baner .btn-red{
        margin-top: 200px;
        width: fit-content;
    }
    .baner-txt-form{
        width: 100%;
    }
    .adress-form-city {
        flex-wrap: wrap;
    }

    .news-page .slider{
        display: grid;
        grid-template-columns: 1fr 1fr ;
        grid-template-rows: 1fr 1fr 1fr;
    }

    .news-soloPage .left{
        display: none!important;
    }
    .tarif-article{
        margin-bottom: 0;
    }
    .tarif-article .twice{
        flex-direction: column-reverse
    }

    .tarif-article .twice .left{
        flex-direction: column-reverse;
        margin-top: 60px;
    }

    .tarif-article  .autor article{
        display: flex;
        align-items: center;
        gap:var(--gapColumn);
        margin-bottom:40px;
    }

    .tarif-article .autor-txt{
        display: flex;
        flex-direction: column;
    }

    .autor img {
        width: clamp(80px, 3.571rem + 2.98vw, 100px);
    }

    footer .right .top {
        width:auto;
    }
   
    footer .logo{
        margin-bottom:20px;
    }
}

@media (max-width: 768px) {

    nav {
        display: flex;
    }
    .more.mob{
        display: flex!important;
        margin-top: 30px;
    }
    .twice .header{ 
        margin-bottom:clamp(30px, 1.161rem + 1.49vw, 40px);
    }
    
    .twice .offer{
        width: auto;
        margin-block: 0 var(--margin-txtDescription);
    }

    .back-black .footer form,  .twice .left{
        display: flex;
        flex-direction: column;
    }

    .back-black .footer input{
        margin: 0 0 10px;
    }
    .about-img{
        width: auto;
    }

    .twice button{
        width: 100%;
    }
    
    .device .mob .txt-text{
        margin-bottom:20px;
    }

    .faq-title{
        padding-inline: clamp(10px, 1.42vw, 30px);
        display: flex;
    }

    .faq-title .second{
        margin-right: auto;
    }

    footer .twice .left {
        margin-bottom: 40px;
    }
    
    footer .politika,footer .middle{
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-bottom: 40px;
    }

    .drag{
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
    }

    /* page2 */

    .baner .btn-red{
        width: 100%;
        justify-content: center
    }

    .ban-img {
        right: auto; 
        display: flex;
        width: 90%;
        justify-content: center;
    }

    .black-card-clicker{
        flex-direction: column;
    }

    .black-card{
        height:70px;
        border-radius: 20px;
        width: auto;
        -moz-transition: height 0.5s ease-in-out,bottom 0.5s ease-in-out;
        -webkit-transition: height 0.5s ease-in-out,bottom 0.5s ease-in-out;
        -moz-transition: height 0.5s ease-in-out,bottom 0.5s ease-in-out;
        -o-transition: height 0.5s ease-in-out,bottom 0.5s ease-in-out;
        transition: height 0.5s ease-in-out, 0.5s ease-in-out;
    }

    .black-card.black-card-active{
        height: 272px;
        width: 100%;
        
    }

    .black-card,.black-card.black-card-active{
        align-items: start;
    }
    
    .black-card .middle {
        transform: rotate(0deg);
        margin-bottom: 0;
        padding: 25px 15px;
    }

    .black-card .bottom {
        padding-left: clamp(15px, -0.39rem + 1.84vw, 40px);
        padding-right: clamp(20px, -1.953rem + 8.96vw, 198px);
        padding-bottom: var(--black-card-position);
    }

    .black-card svg {
        top: 15px;
        right: 15px;
    }
    .equally{
        display: flex;
        flex-direction: column;
    }

    .adress-form-city {
        margin: 0;
     }

    .adress-form-city input,.adress-form-city button {
       width: 100%!important;
    }

    .back-gray iframe{
        display: none!important;
    }
    .movix-baner{
        height: 738px;
        box-sizing: border-box;
    }

    .movix-baner .baner-circle{
        width: 618px;
        height: 630px;
        top:257px;
        right: -110px;
    }

    .news-page .slider{
        display: grid;
        grid-template-columns: 1fr 1fr ;
        grid-template-rows: 1fr 1fr 1fr;
    }

    .akcii .choise-option, .oborudovanie .twice:nth-child(2) .right{
        display: grid;
        grid-template-columns: 1fr;
    }

    .popup_body{
        position: relative;
        width: 100%;
        height: 100%;
        top:100px;
        margin-left: auto;
        background: white;
        border-radius: var(--overlay-radius)  var(--overlay-radius) 0px  0px;
    }

    .popup_content .order-form{
        flex-direction: column;
        margin-bottom: 10px;
    }

    .popup_content .order-form input{
        width: auto;
    }

    .popup_content .btn-red{
        margin-bottom: 20px;;
    }

    
    
}