*{
    padding: 0;
    box-sizing: border-box    ;
    
    


}


.container{
    max-width: 1440px;
    margin: 0 auto;
}
body{
    font-family: Poppins;
}
header{
  padding: 0px;
      width: 100%;

margin: 0 auto;
background-color: #fff;
height: 126px;
box-shadow: 0.3px 0.3px 0.3px 0.3px rgb(198, 219, 240);
position: fixed;
}
.div1{
    width: 1440px;
    height: 44px;
    background-color: #454F5B;
    display: flex;
    gap: 197px
    ;
}
 .a1{text-decoration: none;
    color: #fff;
margin-left: 452px;

   font-family: SF Pro Display;
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0.12em;
text-align: left;

   
    }
    
    a{
        color: #fff;
    margin-top: 9px;

    }
.a11{
    font-family: SF Pro Text;
font-size: 20px;
color: #161C24;
line-height: 23.87px;
text-align: left;
text-decoration: none;
}

.flex1{
gap: 32px;
    display: flex;
    margin-left: 101px;
}

.flex{background-color: #fff;
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-left: 100px;
    
}

.numb{
    width: 157px;
    size: 18px;
    line-height: 24px;
    color: #454F5B;
    margin-left: 6px;margin-right: 30px;


}
.icons{
    display: flex;
    align-items: center;
margin-top: 9px;

margin-left: 283.1px;
}
.Frame{
    margin-left: 30px;
}
.hero{
    display: flex;
    padding-top: 150px;
    margin-left: 100px;
    
}
.aaa{
    color: #141414;
    text-decoration: none;
    font-family: Poppins;
    font-family: SF Pro Text;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left;


}
.aa{
    text-decoration: none;
    font-family: Poppins;
    font-family: SF Pro Text;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left;
color: #141414;
opacity: 0.7;
margin-left: 3px;


}

.h2 p{
    opacity: 0.7;
    margin-top: 8px;
}
.h2{
    margin-top: 40px;
    display: flex;
    align-items: center;
gap: 12px;
margin-left: 100px;
}

.buttons{
    display: flex;
    gap: 31px;
    align-items: center;
    margin-left: 100px;
    margin-top: 32px;
}

.buttons button{
    width: 288px;
height: 40px;
padding: 7px 72px 7px 72px;
gap: 10px;
border: 0.5px  solid rgb(163, 162, 162);
background-color: inherit;

font-family: HelveticaNeueCyr;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left;

}

.flexca a{
    
font-family: SF Pro Text;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: left;

    color: #161C24;
    text-decoration: none;

}
.flexca{
    display: flex;
    align-items: center;

    gap: 8px
    ;
}
.flexca img{
    margin-top: 4px;
}
.btn{
    display: flex;
align-items: center;
width:  194px;
height: 40px;
top: 286px;
left: 1151px;
gap: 16px;
border: 1px solid #C4CDD5 ;
margin-left: 488px;

}

.btn a{
    margin-left: 12px;
    margin-top: 4px;
   width: 136px;
font-family: SF Pro Text;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left;
color: #161C24;
text-decoration: none;

}

.blok1{
    width:  288px;
height: 460px;

padding: 24px ;
border-radius: 2px ;
border: 1px solid #C4CDD5;

}
.blok1 h2{
    font-family: SF Pro Text;
font-size: 22px;
font-weight: 600;
line-height: 32px;
text-align: left;

}
.q{
    display: flex;
    gap: 180px;
    margin-top: 32px;
    align-items: center;
}
.q span{
    width: 42px;
height: 26px;
gap: 0px;
opacity: 0px;

font-family: SF Pro Text;
font-size: 16px;
font-weight: 500;
line-height: 26px;
text-align: left;

}

.b1{
    width: 116px;
height: 44px;
gap: 0px;
border: 1px 0px 0px 0px;
opacity: 0px;
border: 1px solid  #4295E4;
background-color: #fff;
}

.b2{
    width: 116px;
height: 44px;
gap: 0px;
border: 1px 0px 0px 0px;
opacity: 0px;
border: 1px solid  #4295E4;
background-color: #fff;
}
.b3{
    display: flex;
    gap:8px;
    margin-top: 39px;
}


.s h2{
   color: #161C24;
font-family: SF Pro Text;
font-size: 16px;
font-weight: 500;
line-height: 26px;
text-align: left;

}

.s{
    display: flex;
    align-items: center;gap: 120px
    
    ;margin-top: 16px;
}
.ciz{
    width: 240px;
    border: 1px solid #EDEDED;
    margin-top: 16px;

}.s1{
    display: flex;
    align-items: center;gap: 175px
    
    ;margin-top: 16px;
}
.s1 h2{
    color: #161C24;
 font-family: SF Pro Text;
 font-size: 16px;
 font-weight: 500;
 line-height: 26px;
 text-align: left;
 
 }
 .s2{
    display: flex;
    align-items: center;gap: 140px
    
    ;margin-top: 16px;
}
.s2 h2{
    color: #161C24;
 font-family: SF Pro Text;
 font-size: 16px;
 font-weight: 500;
 line-height: 26px;
 text-align: left;
 
 }
 .s3{
    display: flex;
    align-items: center;gap: 140px
    
    ;margin-top: 16px;
}
.s3 h2{
    color: #161C24;
 font-family: SF Pro Text;
 font-size: 16px;
 font-weight: 500;
 line-height: 26px;
 text-align: left;
 
 }


 .blok2{
    width: 288px;
    height: 453px;
 }
 .ha a{
    font-family: SF Pro Text;
font-size: 13px;
font-weight: 400;
line-height: 21px;
text-align: left;
color: #454F5B;
text-decoration: none;

 }
 .ha{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
 }

 .blok2 p{
    width: 264px;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left;
color: #454F5B;
margin-top: 6px;
;
 }


 .px h2{

    font-family: SF Pro Text;
font-size: 20px;
font-weight: 600;
line-height: 23.87px;
text-align: left;
color: #161C24;
 }
 .px .rub{
    text-decoration: line-through;
    font-family: SF Pro Text;
font-size: 18px;
font-weight: 300;
line-height: 21.48px;
text-align: left;
color: #454F5B;


 }
 .px{
    display: flex;
    gap: 12px;
    margin-top: 10px;
 }

 .blok{
    display: flex;
    align-items: center;
    gap: 30px
    
    ;
margin-left: 100px;
margin-top: 32px; 
}



 /* blok 3 */



 
 .blok3{
    width: 288px;
    height: 453px;
 }
 .ha a{
    font-family: SF Pro Text;
font-size: 13px;
font-weight: 400;
line-height: 21px;
text-align: left;
color: #454F5B;
text-decoration: none;

 }
 .ha{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
 }

 .blok3 p{
    width: 264px;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left;
color: #454F5B;
margin-top: 6px;
;
 }


 .px h2{

    font-family: SF Pro Text;
font-size: 20px;
font-weight: 600;
line-height: 23.87px;
text-align: left;
color: #161C24;
 }
 .px .rub{
    text-decoration: line-through;
    font-family: SF Pro Text;
font-size: 18px;
font-weight: 300;
line-height: 21.48px;
text-align: left;
color: #454F5B;


 }
 .px{
    display: flex;
    gap: 12px;
    margin-top: 10px;
 }

 
 /* blpk4
 */



 
 .blok4{
    width: 288px;
    height: 453px;
 }
 .ha a{
    font-family: SF Pro Text;
font-size: 13px;
font-weight: 400;
line-height: 21px;
text-align: left;
color: #454F5B;
text-decoration: none;

 }
 .ha{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
 }

 .blok4 p{
    width: 264px;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left;
color: #454F5B;
margin-top: 6px;
;
 }


 .px h2{

    font-family: SF Pro Text;
font-size: 20px;
font-weight: 600;
line-height: 23.87px;
text-align: left;
color: #161C24;
 }
 .px .rub{
    text-decoration: line-through;
    font-family: SF Pro Text;
font-size: 18px;
font-weight: 300;
line-height: 21.48px;
text-align: left;
color: #454F5B;


 }
 .px{
    display: flex;
    gap: 12px;
    margin-top: 10px;
 }

 


 .pas{
    display: flex;
    gap: 30px;
    margin-top: 40px;
    margin-left: 418px;
 }
 footer .button{
    width: 40px;
height: 40px;
border: none;
background-color:#4295E4;
;
border-radius: 2px ;
opacity: 0px;

color: white;
cursor: pointer;
 }
 footer .bt1{
    width: 40px;
height: 40px;
padding-top: 1px;
gap: 0px;
opacity: 0px;
border: none;
background-color: inherit;
cursor: pointer;
 }

 footer{
    margin-left: 607px;
    margin-top: 30px;
    width: 546px;
    display: flex;
    gap: 8px;
    align-items: center;
 }

 .src{
    margin-left: 20px;
 }
 .src1{
    margin-left: 20px;
 }

 
 

 .pas1{
    display: flex;
    gap: 30px;
    margin-top: 40px;
    margin-top: 64px;
    margin-left: 100px;}




    .ss{
      
font-family: SF Pro Text;
font-size: 44px;
font-weight: 600;
line-height: 62px;
text-align: left;
color: #161C24;
;
margin-left: 100px;
margin-top: 100px;
    }



    .telefon{
        width: 1240px;
height: 564px;
margin-top: 96px;
margin-left: 100px;
display: flex;

align-items: center;


    }


    .telefon span{
        padding-top: 82px;
        
        width: 605px;
height: 42px;
top: 3189px;
left: 100px;
gap: 0px;
opacity: 0px;

font-family: SF Pro Text;
font-size: 32px;
font-weight: 600;
line-height: 42px;
text-align: left;

color: #161C24;

    }


    .oddio{
        width: 605px;
        
        font-family: SF Pro Text;
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        text-align: left;
    color: #454F5B;

margin-top: 24px;

    }


    .chekcbox  p{

        width: 206px;
height: 24px;
gap: 0px;
opacity: 0.9px;
color: #161C24;

    }

   
    .chekcbox{
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: space-between;
    }

    .chekcbox1  p{
margin-top: 4px;
        width: 206px;
height: 24px;
gap: 0px;
opacity: 0.9px;
color: #161C24;

    }

   
    .chekcbox1{
        display: flex;
        align-items: center;
        gap: 8px;
    }

    


    .ff{

        margin-top: 24px;
        display: flex;
        gap: 32px;
    }

    .ac{
        width: 605px;
height: 128px;

color: #454F5B;
;
margin-top: 24px;
    }
    
    .ac1{
        width: 605px;
height: 128px;

color: #454F5B;
;
margin-top: 24px;
    }



    .wifi{
        margin-top: 84px;
        width: 1240px;
height: 564px;
display: flex;
align-items: center;
margin-left: 100px;
justify-content: space-between;

    }




.ddd span{
   
        
    width: 605px;
height: 42px;
top: 3189px;
left: 100px;
gap: 0px;
opacity: 0px;

font-family: SF Pro Text;
font-size: 32px;
font-weight: 600;
line-height: 42px;
text-align: left;

color: #161C24;

} 
.oddi{
    width: 605px;
    
    font-family: SF Pro Text;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
color: #454F5B;

margin-top: 24px;

}



.foot{
    width: 1440px;
height: 332px;
background-color:#F2F8FF;
margin-top: 100px;
}

.foot h1{
    color: #161C24;
font-family: SF Pro Text;
font-size: 44px;
font-weight: 600;
line-height: 62px;
text-align: left;
padding-top: 64px;margin-left: 487.5px;

}
.ec{
   width: 518px;
font-family: SF Pro Text;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: center;
color: #454F5B;
margin-left: 461px;
margin-top: 24px;
font-family: Poppins
;

}


.inp{
    width: 240px;
    height: 50px;
    background-color: #161C240A;
    border: none;
    padding: 5px;
}


.inp1{
    width: 240px;
    height: 50px;
    background-color: #161C240A;
    border: none;
    padding: 5px;
}


.flexbox button{

    width: 220px;
height: 50px;
left: 528px;
gap: 0px;
opacity: 0px;
color: white;
border: none;
background-color: #4295E4;
}
.flexbox{
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: 346px;
    margin-top: 24px;
}
.futer{
   
    padding-top: 35px;

    width: 1440px;
height: 448px;
background-color: #0D2436;



}
.futer .im{
margin-left: 100px;
padding-top: 44px;
}

.u1{
    display: flex
    ;
    align-items: center;gap: 24px
    ;
    margin-top: 144px;
}
.nav h3{
    width: 97px;
margin-left: 216px;
font-family: SF Pro Text sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 28px;
text-align: left;
color: #ffff;
margin-bottom: 10px;
}

.nav a{
    text-decoration: none;
    margin-top: 16px;
display: flex;
    opacity: 0.7;
font-family: sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 26px;
text-align: left;
margin-left: 216px;
}

.aaaaa{
    display: flex;

}


.href{
    text-decoration: none;
    margin-top: 16px;
display: flex;
    opacity: 0.7;
font-family: sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 26px;
text-align: left;
color: #fff;
margin-top: 24px;
}


.href1{
    text-decoration: none;
    margin-top: 16px;
display: flex;
    opacity: 0.7;
font-family: sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 26px;
text-align: left;
color: #fff;
margin-top: 28px;
}
.nash h3{
    width: 130px;
margin-left: 216px;
font-family: SF Pro Text sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 28px;
text-align: left;
color: #ffff;
margin-bottom: 10px;
}

.nash a{
    text-decoration: none;
    margin-top: 16px;
display: flex;
    opacity: 0.7;
font-family: sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 26px;
text-align: left;
margin-left: 216px;
}


.em{
    margin-top: 24px;
}

.nash{
    margin-left: -97px;
}


.addr h3{
    width: 182px;
margin-left: 216px;
font-family: SF Pro Text sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 28px;
text-align: left;
color: #ffff;
margin-bottom: 10px;
}

.addr{
    margin-left: -97px;
}


.addr p{
    width: 182px;
height: 78px;
gap: 0px;
opacity: 0px;
color: #ffff;
font-family: SF Pro Text sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 26px;
text-align: left;
opacity: 0.7;
margin-left:217px;
}



.inf h3{

margin-left: 97px;
font-family: SF Pro Text sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 28px;
text-align: left;
color: #ffff;
margin-bottom: 10px;
}

.dos{
    margin-top: 24px;
}

.inf a{
    text-decoration: none;
    margin-top: 16px;
display: flex;
    opacity: 0.7;
font-family: sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 26px;
text-align: left;
margin-left: 97px;
}

.ciz{
    width: 1240px;
    margin-left: 100px;
height: 1px;
top: 382px;
left: 100px;
gap: 0px;
border: 1px 0px 0px 0px;
opacity: 8%;
margin-top: 50px;
background-color: #fff;
}

.golden{
    width: 228px;
height: 17px;
gap: 0px;
opacity: 60%;
margin-left: 606px;
font-family: SF Pro Display sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16.71px;
text-align: left;
color:  #FFFFFF;

}