/* *{padding:0;margin:0;border:0;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
:focus,:active{outline:none;}
a:focus,a:active{outline:none;}
nav,footer,header,aside{display:block;}
html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display:none;}
button{cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
a,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
ul li{list-style:none;}
img{vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;} */

#resultGmodal{
    background-color: rgb(255, 90, 0);
    color: rgb(255, 255, 255);
    line-height: 1.25;
    width: 100%;
    box-shadow: none;
    border: none;
    border-radius: 8px;
    padding: 12px 20px !important;
}
.gcontainer {
    max-width: 1110px;
    margin: 0 auto;
}
.gsearch__wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    gap: 50px;
}
.gsearch__wrapper-input {
    display: flex;
    justify-content:end;
    flex-direction: column;
    max-width: 250px;

    position: relative;
}

.gsearch__input-suggestions,
.suggestionsModal {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1;

    display: none;
}

.gsearch__wrapper-input input,
#searchBox input {
    border: 1px solid black;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
}

#searchBox input{
    display: block;
    width: 100%;
    height: calc(1.42857143em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.42857143;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-inline-end: 25px;
    height: 50px;
}

#searchBox {
    width: calc(100% - 16px);
    left: 8px;
    right: 9px;
    position: absolute;
    top: 59px;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 8px 0px;
}

#searchBox {
    /* top: 50px;
    position: absolute;
    z-index: 1; */
}

.gsearch__wrapper-input label {
    margin-bottom: 10px;
}

.gsearch__wrapper-btn button{
    height: 38px;
    width: 150px;
    text-align: center;
    align-content: center;

    background-color: black;
    color: white;

    font-size: 16px;
    font-weight: 500;
}


.gsearch__suggestions-item {
    font-size: 14px;
    opacity: 0.8;
    padding: 5px;
    cursor: pointer;

    transition: all 0.2s ease-in-out;
}

.gsearch__suggestions-item:hover {
    opacity: 1;
    background-color: black;
    color: white;
}

.gsearch-firstBtn.disable,
.gmodal__bottom-btn.disable {
    opacity: 0.5;
} 

/* Стили модального окна */

.gmodal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.500);
    display: flex;
    align-items: center;
    z-index: 1111;
}

.gmodal__wrapper {
    max-width: 598px;
    width: 100%;
    /* padding: 10px; */
    margin: 0 auto;
    display: flex;
    height: 100%;
    align-items: center;
}

.gmodal__wrapper-content {
    background-color: white;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    width: 100%;
}

.gmodal__content-top {
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;

    position: relative;
}

.gmodal__top-text {
    font-size: 18px;
    font-weight: 500;
    font-family: DMSans, GEDinarOne;
}

.gmodal__top-close {
    background-color: transparent;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 45px;
    height: 100%;
}

.gmodal__content-bottom {
    padding-top: 10px;
    padding-inline: 25px;
}

.custom-map-control-button {
    margin-bottom: 10px;
    position: absolute;
    /* width: 50px;
    height: 50px; */
    background-color: white;
    z-index: 2;
    left: 90% !important;
    transform: translateX(-90%);
    cursor: pointer;
}

.custom-map-control-button:first-child {
    bottom: 318px;
    top: unset !important;
    transform: translateY(-15%) !important;;
    background-color: rgb(255, 255, 255);
    position: absolute;
    z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 2px;
    padding: 11px;
    right: 10px !important;
    left: inherit !important;
}

.custom-map-control-button:last-child {
    bottom: 276px;
    top: unset !important;
    transform: translateY(-15%) !important;;
    background-color: rgb(255, 255, 255);
    position: absolute;
    z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 2px;
    padding: 11px;
    right: 10px !important;
    left: inherit !important;
}
.custom-map-control-button img{
    width: 16px;
    height: 16px;
    cursor: pointer;
}