Спасибо, ошибку исправила, теперь не видит карту: при клике по ссылке переход на страницу "Файл не найден" (имя файла, расширение соответствуют), если в стилях установить display: block; карта отображается. Также сохраняется проблема с модальным окном личного кабинета.
Вот css, как вы и просили:
.modal-map {
top: 50%;
left: 50%;
display:none;
width: 780px;
height: 561px;
margin-top: -280px;
margin-left: -390px;
border: 7px solid white;
}
.modal-map p {
position: absolute;
z-index: 1;
top: 0;
left: 0;
margin: 0;
}
.modal-map iframe {
position: relative;
z-index: 2;
border: none;
}
.user-navigation .login-link {
position: relative;
padding-left: 50px;
}
.modal-login {
top: 120px;
left: 50%;
display: none;
margin-left: -230px;
width: 300px;
padding: 50px 80px;
}
.modal-close {
position: absolute;
top: 0;
right: -34px;
width: 22px;
height: 22px;
font-size: 0;
background-color: transparent;
border: 0;
cursor: pointer;
}
.modal {
position: fixed;
color: #000000;
background-color: #f8f3f0;
background-image: url("img.pattern-light.jpg");
background-position: 0 0;
background-repeat: repeat;
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.7);
}
.modal-show {
display: block;
animation: bounce 0.6s;
}
.modal-error {
animation: shake 0.6s;
}
@keyframes bounce {
0% {
transform: translateY(-2000px);
}
70% {
transform: translateY(30px);
}
90% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
@keyframes shake {
0%,
100% {
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
transform: translateX(10px);
}
}