.nonurllink{color:#fff;}

.js-open-modal{margin:10px;}
.overlay {
   
   /* Скрываем подложку  */
   opacity: 0;
   visibility: hidden;
   
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5);
   z-index: 20;
   transition: .3s all;
}


/* Стили для модальных окон */

.modal {
   
   /* Скрываем окна  */
   opacity: 0;
   visibility: hidden;
   
   
   /*  Установаем ширину окна  */
   width: 85%;
   height: 85%;
   /*  Центрируем и задаем z-index */
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 30; /* Должен быть выше чем у подложки*/
   
   /*  Побочные стили   */
   box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2); 
   text-align: center;
   padding: 30px;
   border-radius: 3px;
   background-color: #fff;
   transition: 0.3s all;
}


/* Стили для активных классов подложки и окна */
.modal.active p{color:#99d9f7;}.modal.active h1{color:#00aeff!important}.mlink{color:#54a6cc!important}.mlink:hover{color:#fff!important}
.mlinkmail{color:#54a6cc!important}.mlinkmail:hover{color:#fff!important}   .mlinkphone{color:#54a6cc!important}.mlinkphone:hover{color:#fff!important}
.modal.active,
.overlay.active{
   opacity: 1;
   visibility: visible;
   overflow:auto;
   z-index:1000;
   background:#004d70;
}

::-webkit-scrollbar-track {
background-color:#004d70;
}

::-webkit-scrollbar {width:8px;}
::-webkit-scrollbar-thumb { background-color: #00aeff;}
/* Стили для кнопки закрытия */

.modal__cross {
   width: 15px;
   height: 15px;
   position: sticky;
   top: 0;
   right: 0;
   fill: #FFF;
   cursor: pointer;
   margin-left:95%;
}
.searchapi{
border: none;
    border-bottom: 5px solid #00aeff;
    width: 70%;
height: 30px;color:#00aeff;font-size:18px;}
.searchapi:focus-visible{outline: none;background:transparent; border-bottom: 5px solid #FFF;color:#00aeff;font-size:18px;}