:root{--themecolor:#465393;--themecolor2:#c1c4de;--themecolor3:#51529f}@font-face{font-family:'vazir';src:url(../fonts/Vazir-Light.TTF) format("TTF"),url(../fonts/Vazir-Light.woff) format("woff")}@font-face{font-family:'iransans';src:url(../fonts/IRANSansX-Regular.woff) format("woff")}*{font-family:'iransans','vazir';margin:0;padding:0;outline:none;border:none;list-style-type:none}.main-cities{position:relative}@media only screen and (min-width: 1000px){body{background:url(../img/main_bg_landscape.jpg);background-repeat:no-repeat;background-size:cover}.load{background:#fff;color:var(--themecolor);padding:10px 22px;border-radius:7px;font-size:13px;margin:20px 42%;float:right;cursor:pointer}.navbar{background:var(--themecolor2);width:100%;padding:20px 70px;direction:rtl;position:fixed;float:right}.close{position:absolute;left:5%;top:28%;font-size:25px;color:red;cursor:pointer;z-index:5}.navbar #logo{width:70px;height:50px;padding-left:20px;border-left:2px solid var(--themecolor)}#city{margin:auto 3%;color:var(--themecolor);padding:8px 18px;transition:.3s ease-in-out;border-radius:5px;font-size:16px}#city img{width:40px;height:40px}#city:hover{cursor:pointer;background:var(--themecolor3);color:#fff}.search{display:inline-block;width:45%}#searchbox{position:relative;width:100%;display:inline-block}.search input[type=search]::placeholder{color:var(--themecolor3)}.search input[type=search]{border-radius:4px;padding:12px 18px;color:var(--themecolor3);border:1px solid var(--themecolor3);margin:auto 2%;display:inline-block;width:95%;background:none;font-size:12px;box-shadow:0 0 4px var(--themecolor3)}.search input[type=submit]{display:inline-block;border-radius:4px;padding:10px 15px;background:var(--themecolor);color:#fff;font-size:12px}.posts{direction:rtl;width:100%;margin:80px 2% 120px 2%;float:right}.post{width:29%;margin:5px 1%;height:134px;border-radius:8px;background:rgba(70,83,147,0.5);direction:rtl;display:inline-block;padding:12px;cursor:pointer;transition:.3s ease-in-out}.post:hover{box-shadow:0 0 5px #ccc}.post span{display:inline-block;float:right;width:53%}.post img{display:inline-block;width:110px;height:110px;border-radius:8px;float:left;object-fit:cover}.post h3,.post p{width:90%;float:right;color:#fff;overflow-y:hidden}.post p{overflow-y:hidden;max-height:60px}.cities{border-radius:7px;background:#f1f2f6;width:450px!important;padding:0 0 0 28px;direction:rtl;margin:9vh auto;overflow-y:scroll;float:right}}@media only screen and (min-width: 1750px){.cities{border-radius:7px;background:#f1f2f6;width:450px!important;padding:0 0 0 28px;direction:rtl;margin:12vh auto;overflow-y:scroll;float:right;max-height:740px!important}}#cities .modal-content{background:#f1f2f6;border:none;box-shadow:none;width:100%;float:right}.cities .modal-header,.cities .modal-footer,.cities .modal-body{float:right;border:none;width:100%;margin-right:2%}#selects1,#selects22{display:none;width:420px}.cities .modal-footer-city{border:none;border-top:1px solid #252525!important;padding:10px 5px;position:-webkit-sticky;position:sticky;bottom:0;z-index:5;width:100%;background:#f1f2f6;float:right;margin-top:-26px}#closecity{text-align:center;float:right;position:-webkit-sticky;position:sticky;bottom:0;background:var(--themecolor);color:#fff;width:100%;border-radius:8px;padding:8px 5px;cursor:pointer}#selects,#selects1,#selects2,#selects22{width:100%;height:42vh;float:right;overflow-y:scroll}#selects1,#selects22{display:none}#selects1 li,#selects22 li{width:97%}.main-cities{width:420px;float:right;height:42vh;overflow-y:scroll}.cities .modal-header{position:sticky;position:-webkit-sticky;top:0;float:right;background:#f1f2f6;z-index:5}.main-cities ul li{width:420px}#selectcity{float:right;position:-webkit-sticky;position:sticky;margin-bottom:-31px;width:100%;top:0;background:#f1f2f6;z-index:5;border-bottom:1px solid #c2c2c2}#cities input[type=text]{border-radius:7px;padding:8px 12px;color:#939291;background:none;width:100%;margin:30px auto;border:1px solid #939291}@media only screen and (min-width: 0px) and (max-width: 999px){body{background:url(../img/main-bg.jpg);background-repeat:no-repeat;background-size:cover}.load{background:#fff;color:var(--themecolor);padding:10px 22px;border-radius:7px;font-size:13px;margin:20px 30%;float:right;cursor:pointer}.navbar{background:var(--themecolor2);width:100%;padding:5px 10px;direction:rtl;float:right;margin-bottom:30px!important;position:fixed}.close{position:absolute;left:10px;top:30%;font-size:24px;color:green;cursor:pointer;z-index:5}.navbar #logo{display:none}.navbar hr{display:none}#city{margin:auto;color:var(--themecolor);padding:8px 10px;transition:.3s ease-in-out;border-radius:5px;float:right;width:20%;align-items:center}#city img{height:40px;float:right;width:90%;text-align:center}#city b{font-weight:600;font-size:9px;text-align:center;float:right;width:98%}#city:hover{cursor:pointer;background:var(--themecolor3);color:#fff}.search{float:left;width:77%;margin:15px 2% 15px 1%}.search input[type=search]::placeholder{color:var(--themecolor3);font-size:10px}#searchbox{position:relative}.search input[type=search]{border-radius:4px;padding:12px 18px;color:var(--themecolor3);border:1px solid var(--themecolor3);display:inline-block;width:100%;background:none;font-size:12px;box-shadow:0 0 4px var(--themecolor3)}.search input[type=submit]{display:none;border-radius:4px;padding:10px 15px;width:24%;background:var(--themecolor);color:#fff;font-size:12px}.posts{float:right;width:100%;margin-top:100px;margin-bottom:80px}.post{width:94%;margin:10px 3%;border-radius:10px;background:rgba(70,83,147,0.5);direction:rtl;float:right;padding:12px;cursor:pointer;transition:.3s ease-in-out}.post:hover{box-shadow:0 0 5px #ccc}.post span{display:inline-block;float:right;width:55%}.post img{opacity:1.2;display:inline-block;width:95px;height:95px;margin:3px auto;border-radius:10px;float:left;object-fit:cover}.post h3,.post p{width:100%;float:right;color:#fff;overflow-y:hidden}.post p{overflow-y:hidden;height:40px}.cities{border-radius:7px;background:#f1f2f6;width:88%!important;padding:15px 0;direction:rtl;margin:15vh 6%;height:auto;max-height:80vh}.cities .modal-content{background:none;border:none;box-shadow:none;float:right;width:100%}#cities input[type=text]{border-radius:7px;padding:8px 12px;color:#939291;background:none;width:100%;float:right;margin-bottom:10px;border:1px solid #939291}.main-cities{overflow-y:scroll;height:32vh}.cities .modal-header,.cities .modal-footer,.cities .modal-body{float:right;border:none;width:100%}#selects,#selects1,#selects2,#selects22{width:100%;float:right;overflow-y:scroll;height:32vh}#selects1,#selects22{display:none;width:100%;height:28vh}#selects1 li,#selects22 li{width:97%}.cities .modal-footer-city{border:none;border-top:1px solid #252525!important;padding:10px 5px;position:sticky;position:-webkit-sticky;bottom:0;z-index:5;width:100%;background:#f1f2f6;float:right;margin-top:-26px}.cities .modal-header{position:sticky;position:-webkit-sticky;top:0;float:right;background:#f1f2f6;z-index:5;height:140px}#selectcity{width:100%;position:-webkit-sticky;position:sticky;float:right;top:0;background:#f1f2f6;z-index:5;border-bottom:1px solid #c2c2c2;height:140px}#closecity{float:right;text-align:center;width:100%;background:var(--themecolor);color:#fff;border-radius:8px;padding:8px 5px;cursor:pointer}}@media only screen and (min-height: 680px){.cities{height:68vh;max-height:90vh!important;margin:15vh 6%!important}#selects,#selects1,#selects2,#selects22{width:100%;float:right;overflow-y:scroll;height:37vh}.cities .modal-header,#selectcity{height:13vh}#selectcity{height:13vh}.main-cities{height:37vh!important}}@media only screen and (min-height: 520px) and (max-height: 680px){.cities{height:81vh;max-height:90vh!important;margin:9vh 6%!important}.cities .modal-header,#selectcity{height:18vh}#selectcity{height:18vh}#selects,#selects1,#selects2,#selects22{width:100%;float:right;overflow-y:scroll;height:37vh}.main-cities{height:37vh!important}}@media only screen and (min-height: 0px) and (max-height: 520px){.cities{max-height:90vh!important;height:84vh;margin:7vh 6%!important}.cities .modal-header,#selectcity{height:21vh}#selectcity{height:21vh}#selects,#selects1,#selects2,#selects22{width:100%;float:right;overflow-y:scroll;height:37vh}.main-cities{height:37vh!important}}