.map-wrapper {height: 370px;max-width: 1800px;width: 100%;margin: 0 auto;}
#map3-gorizont, #map3-cruize, #map3-lazure{width: 100%;height: 100%;}
.marker {width: 20px;height: 20px;background-color: #f2a643;border-radius: 50%;box-shadow: 5px 5px 20px #000000,0 0 40px rgba(232,172,93,0);}
.hot-marker {width: 40px;height: 40px;background-color: #12532e;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.icon-logo {width: 80%;height: 80%;fill: #c9995b;}
.popup {display: flex;position: absolute;left: 30px;top: 40px;flex-direction: column;background-color: #ff9200;border: 1px solid #f38c06;align-items: center;border-radius: 20px;overflow: hidden;width: max-content;z-index: 1;}
.hot-popup {display: flex;}
.hot-popup__text {position: absolute;top: 0;width: max-content;left: 50px;padding: 10px;background-color: #0c352c;border-radius: 10px;}
.popup__text {padding: 5px;color: #ffffff;font-weight: 600;}
.form-wrapp {width: 300px;margin: 30px auto;display: block;}
form {width: inherit;display: flex;flex-direction: column;flex-grow: 1;flex-shrink: 1;flex-basis: 100%;flex-wrap: wrap;align-items: stretch;justify-content: stretch;gap: 5px;}
.active-mark {z-index: 10 !important;}
@media screen and (max-width: 835px){.map-wrapper {height: 370px;min-height: 200px;}#map3-gorizont{max-height: 100%;}}