/*input*/ .geo_select-visible{position:relative;margin-right:10px} .geo_select-visible.filter-data{width:46.8%} .geo_select-visible.default{width:100%} .geo_select-visible-field{position:relative} .geo_select-visible.filter-data .geo_select-visible-field:hover{background:#353051} .geo_select-visible-field-input{width:100%;box-sizing:border-box;padding:10px 19px;background:none;cursor:pointer;font-size:13px;line-height:17px;position:relative;-webkit-touch-callout:none;/*-webkit-user-select:none; из-за него в сафари не работает ввод*/-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .geo_select-visible.filter-data .geo_select-visible-field-input{color:#fff;border:1px solid #fff} .geo_select-visible.filter-data .geo_select-visible-field-input::placeholder{color:#fff} .geo_select-visible.filter-data .geo_select-visible-field-input:focus{background:#fff;color:#000} .geo_select-visible.filter-data .geo_select-visible-field-input:focus::placeholder{color:#ccc} .geo_select-visible.filter-data .geo_select-visible-field-input:focus + .geo_select-visible-field-arrow{background-image:url(../../../img/city-arrow.webp)} .nowebp .geo_select-visible.filter-data .geo_select-visible-field-input:focus + .geo_select-visible-field-arrow{background-image:url(../../../img/city-arrow.png)} .geo_select-visible.default .geo_select-visible-field-input{border:1px solid #D9D9D9;color:#3d3c3c;background:#fff} .geo_select-visible.filter-modal .geo_select-visible-field-input{color:#fff;border:1px solid #fff} .geo_select-visible.filter-modal .geo_select-visible-field-input::-moz-placeholder, .geo_select-visible.filter-modal .geo_select-visible-field-input::-webkit-input-placeholder, .geo_select-visible.filter-modal .geo_select-visible-field-input::-ms-input-placeholder, .geo_select-visible.filter-modal .geo_select-visible-field-input::placeholder{color:#fff} .geo_select-visible.filter-modal .geo_select-visible-field-input:focus{background:#fff;color:#000} .geo_select-visible.filter-modal .geo_select-visible-field-input:focus::placeholder{color:#ccc} .geo_select-visible-field-arrow{position:absolute;height:100%;width:30px;top:0;right:0;background-repeat:no-repeat;background-position:center;transition:all 0.2s ease-out;cursor:pointer} .geo_select-visible.filter-data .geo_select-visible-field-arrow{background-image:url("../../../img/filter-holder-arrow.webp")} .nowebp .geo_select-visible.filter-data .geo_select-visible-field-arrow{background-image:url("../../../img/filter-holder-arrow.png")} .geo_select-visible.filter-modal .geo_select-visible-field-arrow{background-image:url("../../../img/filter-holder-arrow.webp")} .nowebp .geo_select-visible.filter-modal .geo_select-visible-field-arrow{background-image:url("../../../img/filter-holder-arrow.png")} .geo_select-visible.default .geo_select-visible-field-arrow{background-image:url(../../../img/city-arrow.webp)} .nowebp .geo_select-visible.default .geo_select-visible-field-arrow{background-image:url("../../../img/filter-holder-arrow.png")} .geo_select.open .geo_select-visible-field-arrow, .geo_select-visible-field-arrow.active{transform:rotate(180deg);transition:all 0.2s ease-out} /*Модальное окно выбора геолокации*/ .geo_select-wrap{position:absolute;max-height:297px;box-shadow:rgba(0,0,0,0.14) 0 0 5px;padding:14px 0px;background:#fff;display:none;overflow:auto;width:325px;z-index:1001;left:0px;top:39px;box-sizing:border-box;background:#fff;overflow:hidden} .geo_select-wrap.show{display:block} .geo_select-search-wrap{display:none;margin-bottom:14px} .geo_select-search{width:100%;padding:0 0 0 1em;box-sizing:border-box;border:0;font-size:13px} .geo_select-search-close{width:12px;height:12px;background-image:url("../../../img/sprite-2.webp?20200923");background-position:-265px -274px;background-size:300px;background-repeat:no-repeat;margin-right:8px;cursor:pointer} .nowebp .geo_select-search-close{background-image:url("../../../img/sprite-2.png?20200923")} .geo_select-list{max-height:260px;overflow:auto;overflow-x:hidden} .geo_select-items{border-bottom:1px solid #DFDFDF;margin-bottom:14px} .geo_select-items:last-child{border-bottom:0px solid #DFDFDF;margin-bottom:0px} .geo_select-items-head{color:#423C65;font-family:"OpenSans-Bold";font-size:13px;padding-left:14px} .geo_select-item{position:relative;font-size:14px;line-height:1.2em;text-decoration:none;display:flex;align-items:center;flex-wrap:wrap;padding:1em 0px 1em 1em;cursor:pointer} .geo_select-item:hover{background:#F4F4F4} .geo_select-item.empty{border-bottom:0px solid #dedede;white-space:normal} .geo_select-item.empty.error{background-color:#f95c5c} .geo_select-item.empty.error .geo_select-item-p{color:#fff} .geo_select-item-p{padding-bottom:0px;color:#656565} .geo_select-item-color{width:20px;height:20px;display:inline-block;border-radius:50%;margin-right:11px;cursor:pointer} .geo_select-item-wrap{width:87%} .geo_select-item-img{position:absolute;max-width:3.5em;max-height:3.5em;cursor:pointer} .geo_select-item-img-wrap{max-width:calc(100% - 4em);padding:0 0 0 4em} .geo_select-item-name{text-decoration:none;line-height:18px;color:#424242;width:100%;display:inline-block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;cursor:pointer} .geo_select-item-name-bold{font-family:"OpenSans-Bold"} .geo_select-item-span{font-size:12px;color:#909090;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;line-height:15px;cursor:pointer} .geo_select.full_screen{} .geo_select.full_screen .geo_select-wrap{position:fixed;max-height:none;width:100%;height:100%;z-index:1001;overflow:hidden;top:0} .geo_select.full_screen .geo_select-search-wrap{display:flex;justify-content:space-between;align-items:center} .geo_select.full_screen .geo_select-search{width:90%;margin:1em 0 1em 1em;padding:.6em .8em;border:1px solid #c7c7c7} .geo_select.full_screen .geo_select-list{max-height:100%} .geo_select.full_screen .geo_select-visible{margin-right:0} .geo_select.full_screen .geo_select-visible.filter-data{width:100%} .geo_select.full_screen .geo_select-visible.filter-data .geo_select-visible-field-input{padding:10px 13px 10px 13px;border-radius:0} @media (max-width:1290px){ .geo_select-visible.filter-data{width:46%} }