.mr_search-popup {
position: fixed;
left: 0;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;
visibility: hidden;
opacity: 0;
overflow: auto;
background: rgba(0, 0, 0, 0.80); -webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%);
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.mr_search-popup.popup-visible {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
visibility: visible;
opacity: 1;
}
.mr_search-popup .mr_popup-inner{
width: 100%;
background: #fff;
height: 100%;
}
.mr_search-popup .mr_upper-box{
position: relative;
padding: 70px 70px;
}
.mr_search-popup .mr_overlay-layer { left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: block;
}
.mr_search-popup .mr_close-search {
position: relative;
font-size: 22px;
color: #141417;
cursor: pointer;
z-index: 5;
top: 11px;
width: 20px;
transition: all 500ms ease;
}
.mr_search-popup .mr_close-search:hover {
color: red;
}
.mr_search-popup .mr_search-form {
position: relative;
width: 100%;
padding: 100px 0px 250px 0px;
}
.mr_search-popup .mr_search-form .mr_form-group{
position: relative;
margin: 0px;
}
.mr_search-popup .mr_search-form fieldset input[type="search"] {
position: relative;
height: 90px;
padding: 20px 0px;
background: #ffffff;
line-height: 30px;
font-size: 24px;
color: #808080;
font-family: 'Inter', sans-serif;
border: none;
border-radius: 0px;
padding-right: 50px;
border-bottom: 1px solid #e5e5e5;
}
.mr_search-popup .mr_search-form fieldset button[type="submit"] {
position: absolute;
top: 30px;
right: 0px;
font-size: 22px;
color: #141417;
cursor: pointer;
transition: all 500ms ease;
}
.mr_search-popup .mr_search-form fieldset input[type="search"]:focus{
border-color: #141417;
}
.mr_search-popup .form-control:focus{
box-shadow: none !important;
}
.mr_search-box-outer{
cursor: pointer;
font-size: 20px;
margin-top: 5px;
}