.hidden {
display: none; }
.list-pop {
position: absolute;
left: 10px;
border-radius: 18px;
}
.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

/*.page-content {
overflow: unset;} */

.preloader-modal {
    background: unset;
}

.ios .pages-list .item-media {
    color: #fff;
    width: 24px;
    height: 24px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: var(--f7-theme-color);}

.contact-container {
    margin: 0 auto;
    margin-top: 50px;
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0px 5px 60px -10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 5px 60px -10px rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 20px;
    max-width: 600px;
}


 .theme-dark .contact-container,.theme-dark .contact-container .list ul {
    background: #282a2f;
}
 .theme-dark .contact-container .contact-icon {
    border: 5px solid #282a2f;
	    background: #282a2f;
}
.contact-container .contact-icon {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-top: -70px;
    border: 5px solid #fff;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -15px;
}
.contact-container .contact-icon i {
    font-size: 55px;
    margin-top: -20px;
}

.contact-container .contact-icon i {
    font-size: 55px;
    margin-top: -20px;
}
.custom-form {
    width: 100%;
}
.custom-form .item-content {
    background: #f2f2f4;
    padding: 0 5px 0 15px;
    margin: 15px 0;
    border-radius: 8px;
}
.theme-dark .contact-container .custom-form .item-content {
    background: #171717;
}
.ios .big-button {
    font-size: 16px;
    padding: 10px;
    height: 45px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-weight: 600;
}
.close-button {

    position: absolute;
    display: flex;
    z-index: 10;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 16px;
    background: var(--f7-theme-color-shade);
	right: 20px;
    top: 15px;
    margin: 0px 4px 4px 4px;
}



.ios .toggle-icon:before {
 background: var(--f7-color-gray);
}
.theme-dark .custom-form .item-content {
    background: #282a2f;
}

.list .item-link .item-inner {
    padding-right: 10px;
}
.list ul {
    background: unset;
}

.close-button img {
width: 16px;
height: 16px;
}
.list .item-inner:after {height: 0px;}
.toggle {
padding-left: 5px;}

.navbar-current .searchbar-expandable{
    width: 688px;
}
.ios:not(.with-modal-popup) .page-current .search-results{
    width: 688px;
}
.ios:not(.with-modal-popup) .page-current .search-results {padding-top:32px; height: 100%;}

@media (min-width: 111px) and (max-width: 770.9px) {
 .navbar-current .searchbar-expandable{
    width: 100%;
}
}
@media (min-width: 111px) and (max-width: 770.9px) {
.ios:not(.with-modal-popup) .page-current .search-results{
    width: 100vw;
}
}

.navbar-current .searchbar-expandable {top:44px ; right: 0; left:unset;}

.ios .navbar.with-searchbar-expandable-enabled .left, .ios .navbar.with-searchbar-expandable-enabled .right, .ios .navbar.with-searchbar-expandable-enabled .title {transform: unset;opacity:unset!important;}

.ios:not(.with-modal-popup) .srch-content  {position: absolute; top: 10px; right: 0;z-index: 222;height: 100%;background-color:rgb(249, 249, 249);}
.ios:not(.with-modal-popup) .theme-dark  .srch-content  {background-color:rgb(43, 43, 43);}

.navbar-current .searchbar-expandable.searchbar-enabled {background-color:rgb(249, 249, 249);}
.theme-dark .navbar-current .searchbar-expandable.searchbar-enabled {background-color:rgb(43, 43, 43);}

.ios:not(.with-modal-popup) .page-current .search-results  {z-index: 100;}
.search-results .listy {padding-bottom:32px;}

.search-preloader {
    display: none;
    margin:  auto;
    z-index: 41;
	position: absolute;
    top: 25%;
    right: 7px;}
.preloader {
    width: 14px;
    height: 14px;}

.flx  {
display: flex;
    flex-direction: column;}
.fgr  {flex-grow: 1;}

.ios.with-modal-popup .searchbar-backdrop {display:none}
.logolite {display:none}
.theme-dark .logolite {display:block}
.logodark {display:block}
.theme-dark .logodark {display:none}