.zphone{
    text-align: center;
    color: #ffffff;
}
.htm{
    color:#1a7bd6;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}
.right{
float: right;
margin-left: 40%;
margin-top: 30%;
margin: 0px 40px 0px 0px;
}
.peresel{
    font-size: 16px;https://yandex.ru/maps/org/yurist_dmitriy_moskvichyov/194799414565/?ll=39.183164%2C51.683755&z=15
    font-family: 'Roboto', sans-serif;
    color:#d1d3d4;
    margin: 0px 0px 3px 0px;
}
.per{
    color:#1a7bd6;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    margin: 80px 0px 0px 0px;
}
.vright{
float: center;
margin-left: 0%;
margin-top: 0%;
margin: 0px 0px 0px 0px;
}
.vperesel{
 
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color:#ffffff;
    margin: 0px 0px 3px 0px;
}
.rom{
    font-family: 'romul', sans-serif;
    font-size: 20px;
}

.hperesel{
    height: 0px;
    border: 0px;
    font-size: 24px;
    text-align: right;
    font-family: 'romul', sans-serif;
    font-weight: light;
    color: #ffffff;
    margin: 10px 2% 0% 0px;
    float: right;
}
.h1peresel{
height: 0px;
font-size: 14px;
text-align: right;
font-family: 'romul', sans-serif;
color: #ffffff;
margin: 0% 0px 0% 0px;
float: right;
}
.element_1{
    transition-duration: 1s;
}
.element_1:hover{
    background-color: #789DD7;
 
}
.test{
    width: 100%;
    transition-duration: 1s;
    height: 100%;
    background-color: #afb1b6;
}
.test h2{
    color: #ffffff;
    text-align: center;
    font-family: 'romul';
    transition-duration: 1s;
    font-weight: 400;
    font-size: 36px;
}
.test p{
    color: #ffffff;
    text-align: center;
    font-family: 'romul';
    transition-duration: 1s;
    font-weight: 400;
    font-size: 20px;
}
.test:hover{
    background-color: #ffffff;
}
.test:hover p{
    color: #283e68;
}
.test:hover h2{
    color: #283e68;
}
.test1{
    width: 100%;
    background-color: #ffffff;
    transition-duration: 1s;
    height: 100%;
}
.test1 h2{
    color: #283e68;
    text-align: center;
    font-family: 'romul';
    transition-duration: 1s;
    font-weight: 400;
    font-size: 36px;
}
.test1 p{
    color: #283e68;
    text-align: center;
    font-family: 'romul';
    transition-duration: 1s;
    font-weight: 400;
    font-size: 20px;
}
.test1 img{
        width: 100%;
     height: 100%;
}
.test1:hover{
    background-color: #283e68
}
.test1:hover p{
    color: #ffffff;
}
.test1:hover h2{
    color: #ffffff;
}
.bl1{
    width: 100%;
    transition-duration: 1s;
    height: 100%;
    text-align: justify;
    font-family: 'romul';
}
.bl1 p{
    font-family: 'romul';
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    opacity: 0.1;
    transition-duration: 1s;
}
.bl1:hover p{
    opacity: 1;
}
.bl1m{
    width: 100%;
    transition-duration: 1s;
    height: 100%;
    text-align: justify;
    font-family: 'romul';
}
.bl1m p{
    font-family: 'romul';
    font-weight: light;
    font-size: 11px;
    color: #ffffff;
    opacity: 0.1;
    transition-duration: 1s;
}
.bl1m:hover p{
    opacity: 1;
}
.im{
    width: 0%;
     height: 0%;
    background-image: url(https://drive.google.com/thumbnail?id=1cObRRfbNX_QJCrzhaW7TZej3Q1SoBnRb=w9000);
    background-image: url(https://drive.google.com/thumbnail?id=1sSFu4sDZ6EeMoPhzT6pirh7BovLZfSUE=w9000);
}
.ima{
    width: 100%;
     height: 100%;
    background-image: url(https://drive.google.com/thumbnail?id=1cObRRfbNX_QJCrzhaW7TZej3Q1SoBnRb&sz=w9000);
    background-size:100% 100%;
    transition-duration: 0.5s;
}
.ima:hover{
    background-image: url(https://drive.google.com/thumbnail?id=1sSFu4sDZ6EeMoPhzT6pirh7BovLZfSUE&sz=w9000);
    background-size:100% 100%;

}
.but{
       width: 100%;
    height: 100%;
}
.but button{
    width: 100%;
    transition-duration: 1s;
    height: 100%;
    background-color: #283e68;
    border-color: #ffffff;
    border-size: 1px;
}
.but a{
    display:block;
font-family: 'romul';
    width: 100%;
    transition-duration: 1s;
    height: 100%;
    background-color: #283e68;
    border-color: #ffffff;
    border-size: 1px;
    font-weight: light;
    font-size: 18px;
    color: #ffffff;
    transition-duration: 1s;
}
.but:hover button{
      background-color: #ffffff;
}
.but:hover a{
    background-color: #ffffff;
      color: #283e68;
}
.telep{
  font-family: 'romul';
    font-weight: 500;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
}
.telep a{
    font-family: 'romul';
    font-weight: 500;
    font-size: 30px;
    font-weight: light;
    color: #ffffff;
    text-align: center;
}
.telepz{
  font-family: 'romul';
    font-weight: 500;
    font-size: 30px;
    color: #283e68;
    text-align: center;
}
.telepz a{
    font-family: 'romul';
    font-weight: 500;
    font-size: 30px;
    font-weight: light;
    color: #283e68;
    text-align: center;
}
.testf h2{
    color: #ffffff;
    text-align: center;
    font-family: 'romul';
    font-weight: light;
    transition-duration: 1s;
    font-weight: 500;
    font-size: 30px;

}
.testm{
    width: 100%;
    transition-duration: 1s;
    height: 100%;
    background-color: #afb1b6;
}
.testm h2{
    color: #ffffff;
    text-align: center;
    font-family: 'romul';
    font-weight: light;
    transition-duration: 1s;
    font-weight: 400;
    font-size: 18px;

}
.testm p{
    color: #ffffff;
    text-align: center;
    font-family: 'romul';
    transition-duration: 1s;
    font-weight: 400;
    font-size: 14px;
}
.testm:hover{
    background-color: #ffffff
}
.testm:hover p{
    color: #283e68;;
}
.testm:hover h2{
    color: #283e68;
}
.test1m{
    width: 100%;
    background-color: #ffffff;
    transition-duration: 1s;
    height: 100%;
}
.test1m h2{
    color: #283e68;
    text-align: center;
    font-family: 'romul';
    transition-duration: 1s;
    font-weight: 400;
    font-size: 18px;
}
.test1m p{
    color: #283e68;
    text-align: center;
    font-family: 'romul';
    transition-duration: 1s;
    font-weight: 400;
    font-size: 14px;
}
.test1m img{
        width: 100%;
     height: 100%;
}
.test1m:hover{
    background-color: #283e68;
}
.test1m:hover p{
    color: #ffffff;
}
.test1m:hover h2{
    color: #ffffff;
}
.testfc{

    
}
.testfс h2{
color: white;
    
}
.telepm{
    width: 100%;
    height:100%;
}
.telepm a{
    font-family: 'romul';
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}
.pperesel{
    height: 50px;
    border: 0px;
    font-size: 24px;
    text-align: right;
    font-family: 'romul', sans-serif;
    font-weight: light;
    color: #283e68;
    margin: 10px 2% 0% 0px;
    float: right;
}