.popup {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
z-index:1000;
overflow:auto;
}
.close_popup {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3000;
}
.popup_vnutr {
position: relative;
z-index: 5000;
display: block;
margin: 50px auto 0 auto;
width: 95%;
padding: 30px 70px 50px;
max-width: 1400px;
background-image: linear-gradient(270deg, #FFFFFF00 0%, #FFFFFF 28%, #FFFFFF 100%), linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 21%, #FFFFFFCC 51%, #FFFFFF00 100%), linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 34%, #FFFFFFE0 59%, #FFFFFF00 100%), url(//xn--e1afetdaidccl0c.xn--p1ai/wp-content/themes/mesmerize-pro/inc/img/bg_raschet.jpg);
background-repeat: no-repeat;
background-color: #fff;
background-position: left center, top center, bottom center, right center;
background-size: 60% 100%, 100% 250px, 100% 15%, auto 100%;
}
.close_wind {
position: absolute;
right:10px;
top:10px;
}
.close_wind img {
width: 20px;
}
.pxl-popup-city-select {
display: block;
color: #fff;
line-height: 18px;
font-size: .8rem;
text-transform: uppercase;
text-decoration: none;
max-width: max-content;
}
.pxl-popup-city-select span {
border-bottom: 1px solid currentColor;
color: currentColor;
}
.pxl-popup-city-select:hover {
color: #fff;
}
.popup-regionality .popup_vnutr {
background: #fff !important;
background-image: none !important;
@media screen and (max-width: 768px) {
padding: 30px 20px 50px !important;
}
}
.popup-regionality__search {
width: 100%;
height: 40px;
z-index: 0;
position: relative;
}
.popup-regionality__search input {
width: 100%;
height: 100%;
outline: none;
border: 0;
border-bottom: 1px solid #dde6f9;
padding: 0 40px 0 0;
font-size: 18px;
}
.popup-regionality__search .icon {
z-index: 1;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
@media screen and (max-width: 768px) {
display: none;
}
}
.popup-regionality__search .icon svg {
width: 20px;
height: 20px;
}
.popup-regionality__search .icon path {
fill: #000;
}
.popup-regionality__search .icon:hover path {
fill: #004BDE;
}
.popup-regionality__list {
margin-top: 32px;
}
.popup-regionality__items {
column-count: 4;
padding: 0;
margin: 0;
margin-top: -5px;
@media screen and (max-width: 1024px) {
column-count: 3;
}
@media screen and (max-width: 768px) {
column-count: 2;
}
@media screen and (max-width: 480px) {
column-count: 1;
}
}
.popup-regionality__item {
list-style: none;
padding: 5px 0;
}
.popup-regionality__link {
font-size: 16px;
color: #000;
text-decoration: none;
}
.popup-regionality__link:hover {
color: #004BDE;
}
.header-top-bar-area .top-bar-field:last-child {
@media screen and (max-width: 991px) {
display: none !important;
}
}