.model_body{
  display: none;

}
html body .model_cont {
     display: none;
}
#btn-back-to-top {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #666666;
  border: none;
 }
  #btn-back-to-top::after {
    display: none;
  }
#btn-back-to-top:hover {
  box-shadow: 0 0 5px 1px #666666;
  transform: none; }
#btn-back-to-top img {
  width:  47%;
margin-right: 1px; }
.fas{
  display: flex;
   justify-content: center;
  align-items: center;
   margin: 0 auto;
  width: 50px;
  height: 50px;

}
@media screen and (max-width: 900px) {
  #btn-back-to-top {
    width: 50px;
    height: 50px;
     bottom: 70px;
    right: 10px;
}
  html  .model_body{
    display: flex;
    width: 60%;
    height: 100vh;
    background: #d9d9d9;
    position: absolute;
    top:0;
    padding: 5px;
    right: -600px;
    opacity: 0.5;
    transition: all 0.2s cubic-bezier(0.45, -0.22, 1, 1);
    border-radius: 50px 0 0 50px;
    padding: 20px 5px 50px 50px;
    
  
  }
  
  .model_body .d7 input {
    width: 91%;
    height: 90px;
    padding-left: 80px;
    font-size:30px;
   
    
  }
  .model_body .d7 form {
     margin-top:50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .model_body .d7 form img{
    width: 100%;
    margin-left:26px;
  }
  
  .model_body .krest img{
  width: 30px;
  margin-right: 14px;
  }
  .model_body .bold a{
  font-size: 18px;
  }
  html body .model_cont {
    width: 40%;
    height: 100vh;
    position: absolute;
    top: 0px;
    left: 0;
    overflow: hidden;
   }
  
  .scrolled .d7 {
   display: flex;
  }
  
  html .active 
  {
   opacity: 1;
  right: 0;
   
  }
  html body .active_1 
  {
  display: block
  }
  .active_2
  {
  overflow: hidden;
  }
  
  
  .menu-click-area {
  cursor: pointer;
  }
  
  
  #nav ul.sub-nav {
    display: block;
    height:0;
    transform:translateX( 600px);
        visibility:hidden;
    transition: transform 0.1s ease;
  
  }
  #nav ul.sub-nav1 {
  display: block;
  height:0;
     transform:translateX( 600px);
          visibility:hidden;
    transition: transform 0.1s ease;
  
  }
  
  #nav ul.visible {
   padding-top: 20px;
   transition: transform 0.5s ease;
    visibility:inherit;
    transform:translateY( 0px);
      height:100%;
      width:83%;
  
  
  
  }
  .strel{
    display: none;
    font-size: 30px;
  }
  
  .d7 input {
        background: #071442;
       border: 5px solid #FAFBFE;
    color: #FAFBFE;
    font-size: 25px;
  }
  
  #nav{
    margin:0;
  }
  .parent{
      transition: all 0.5s ease;
  
  }
    .model_body .col-auto {
    margin-bottom:36px;
   
    }
     header ul li {
  list-style: none;
  margin-bottom:45px;
  }
  
  .model_body .sub-nav li a
  {
    font-size: 25px;
    font-weight: 600;
   
  }
  .model_body .sub-nav1 li a
  {
    font-size: 25px;
    font-weight: 700;
    text-align:left;
   }
  .model_body .row{
    flex-wrap: nowrap;
  }
  
  .model_body .menu-item {
     text-align: left;
  }
  
  }