.c{width:80%}html{width:100%;height:100%;margin:0!important;padding:0!important}*{margin:0;padding:0}body{margin:0!important;padding:0!important;font-family:noor;margin:0;background-color:#f1f2f2;width:100vw;height:100vh}#app,body{display:-webkit-box;display:-ms-flexbox;display:flex}#app{width:100%;height:100%}main{-webkit-box-flex:8;-ms-flex:8;flex:8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.note{display:none;font-family:KohinoorArabic-Regular;font-size:.7rem;text-align:right;padding:25px 50px;background:#003cc9}.note,.side{direction:rtl;color:#fff}.side{-webkit-box-flex:4;-ms-flex:4;flex:4;background-color:#003cc9;font-family:noor;padding:50px!important;position:relative}.side .hashtag{position:absolute;bottom:40px;font-size:.9rem;font-weight:700}.side .title-small{font-size:35px;font-family:noor-light}.side .title-large{font-size:80px;font-family:noor-bold}.side .copy{padding-top:100px;font-family:KohinoorArabic-Regular;font-size:.9rem}header{padding-left:50px;height:110px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:50px}article{-webkit-box-flex:8;-ms-flex:8;flex:8;height:100%}footer{color:grey!important;position:absolute;bottom:50px;left:50px;font-family:JannaLT-Regular!important;color:#000;font-size:14px}.slogan{display:none;text-align:right;direction:rtl;color:#003cc9}.slogan .title-small{font-size:35px;font-family:noor-light}.slogan .title-large{font-size:80px;font-family:noor-bold}@media (max-width:950px){.side .title-large{font-size:60px}.side .title-small{font-size:25px}.side .copy{font-size:.8rem}}@media (max-width:900px){.side{padding:25px!important}header{padding-left:25px;padding-top:25px}footer{color:grey;position:absolute;bottom:25px;left:25px;font-family:JannaLT-Regular!important;color:#000;font-size:12px}.side .hashtag{position:absolute;bottom:40px;font-size:1rem;font-weight:700}}@media (max-width:750px){.side{padding:25px!important}.side .title-large{font-size:60px}.side .title-small{font-size:25px}.side .copy{font-size:.9rem}}@media (max-width:700px){footer{display:none}#app{display:block;width:100%;height:100%}.side{display:none}.slogan .title-small{font-size:20px;font-family:noor-light}.slogan .title-large{font-size:50px;font-family:noor-bold}header{padding-left:25px;height:110px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:25px;padding-right:25px}.logo,.slogan{-webkit-box-flex:1;-ms-flex:1;flex:1}.note,.slogan{display:block}}@media (max-width:400px){footer{position:absolute;bottom:-30px;left:calc(50% - 80px);font-family:JannaLT-Regular!important;color:#000;font-size:12px}.slogan .title-small{font-size:20px;font-family:noor-light}.slogan .title-large{font-size:50px;font-family:noor-bold}header{padding-left:25px;height:110px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:25px}}html[data-v-187567a6]{width:100%;height:100%}[data-v-187567a6]{margin:0;padding:0}.main[data-v-187567a6]{font-family:noor;height:100%}.main[data-v-187567a6],.options[data-v-187567a6]{display:-webkit-box;display:-ms-flexbox;display:flex}.options[data-v-187567a6]{margin:30px 0;-webkit-box-align:space-around;-ms-flex-align:space-around;align-items:space-around;-ms-flex-line-pack:distribute;align-content:space-around;position:absolute;left:50px}#canvas[data-v-187567a6]{width:100%;height:100%}#baghdad[data-v-187567a6],#basra[data-v-187567a6],#canvas2[data-v-187567a6],#karbala[data-v-187567a6],#mosul[data-v-187567a6],#others[data-v-187567a6]{display:none}.frame-container[data-v-187567a6]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:100%}.frame[data-v-187567a6]{left:50px;position:absolute;border:2px dashed #002e5b;height:300px;width:300px;background-color:#dee4ea;color:#476787;position:relative;text-align:center}.frame[data-v-187567a6],.frame img[data-v-187567a6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.frame img[data-v-187567a6]{margin:0;padding:0;width:50%;height:80%;position:absolute;font-size:120px}.cities[data-v-187567a6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:380px;position:absolute;top:0}.cities[data-v-187567a6],.city[data-v-187567a6]{display:-webkit-box;display:-ms-flexbox;display:flex}.city[data-v-187567a6]{border:1px solid #e8e8e8;background:#fff;border-radius:25px;color:#191919;width:100px;height:35px;margin-bottom:51px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.city[data-v-187567a6]:hover{transition:all .3s;cursor:pointer}.active[data-v-187567a6],.city[data-v-187567a6]:hover{border:1px solid #0057ff;background-color:#0057ff;color:#fff;font-weight:700}.desc[data-v-187567a6]{padding-right:100px;font-family:tahoma;font-size:13px;color:#0e0e0e;-webkit-box-flex:1;-ms-flex:1;flex:1;direction:rtl}.fade-enter-active[data-v-187567a6],.fade-leave-active[data-v-187567a6]{transition:opacity .5s}.fade-enter[data-v-187567a6],.fade-leave-to[data-v-187567a6]{opacity:0}.reload[data-v-187567a6]{border:1px solid #000;border-radius:50%;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.reload[data-v-187567a6]:hover{border:1px solid #003cc9;color:#fff;transition:all .3s}.download[disabled][data-v-187567a6],.download[disabled][data-v-187567a6]:hover{border:1px solid #333;background:#eee;color:#ccc}.download[data-v-187567a6]:hover{cursor:pointer;border:1px solid #04ac11;background:transparent;color:#04ac00}.download[data-v-187567a6]{border:1px solid #04ac00;background-color:#04ac00;color:#fff;border-radius:25px;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;width:180px;font-weight:700;text-decoration:none;transition:all .3s}input[type=file][data-v-187567a6]{height:100%;width:100%;position:absolute;opacity:0;cursor:pointer}@media (max-width:950px){.frame-container[data-v-187567a6]{padding:0}}@media (max-width:900px){.frame-container[data-v-187567a6]{padding:0}.frame[data-v-187567a6]{left:25px}.cities[data-v-187567a6]{left:355px}.options[data-v-187567a6]{left:25px}}@media (max-width:850px){.options[data-v-187567a6]{left:25px}.frame[data-v-187567a6]{position:absolute;left:25px;border:2px dashed #002e5b;height:250px;width:250px;background-color:#dee4ea;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#476787;position:relative;text-align:center}.download[data-v-187567a6]{width:150px}.cities[data-v-187567a6]{left:300px}.city[data-v-187567a6]{margin-bottom:33px}}@media (max-width:750px){.cities[data-v-187567a6]{left:270px}.city[data-v-187567a6]{border:1px solid #e8e8e8;border-radius:25px;width:100px;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:11px}.city[data-v-187567a6]:hover{border:1px solid #e8e8e8}.frame-container[data-v-187567a6]{padding:0}.frame[data-v-187567a6]{border:2px dashed #002e5b;height:200px;width:200px;background-color:#dee4ea;color:#476787;position:relative;text-align:center}.frame[data-v-187567a6],.reload[data-v-187567a6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.reload[data-v-187567a6]{border:1px solid #000;border-radius:50%;padding:10px;font-size:11px}.reload img[data-v-187567a6]{height:10px;width:10px}.cities[data-v-187567a6],.frame[data-v-187567a6]{padding:0;margin:0}.download[data-v-187567a6]{border:1px solid #04ac11;border-radius:25px;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;height:28px;font-size:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;width:120px;font-weight:700}}@media (max-width:700px){.options[data-v-187567a6]{left:calc(50% - 160px)}.city[data-v-187567a6]{width:80px;height:35px;font-size:12px}.frame-container[data-v-187567a6]{padding-top:30px}.cities[data-v-187567a6]{padding-top:30px;left:calc(50% + 80px)}.frame[data-v-187567a6]{left:calc(50% - 160px)}}@media (max-width:400px){.city[data-v-187567a6]{width:80px;height:35px;font-size:12px}.frame-container[data-v-187567a6]{padding:0;padding-top:30px}.cities[data-v-187567a6]{padding-top:30px;left:calc(50% + 70px)}.frame[data-v-187567a6]{left:calc(50% - 150px)}.options[data-v-187567a6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:space-around;-ms-flex-align:space-around;align-items:space-around;-ms-flex-line-pack:distribute;align-content:space-around;position:absolute}.reload[data-v-187567a6]{height:9px}.reload img[data-v-187567a6]{width:10px}.download[data-v-187567a6]{margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;height:28px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;width:100px;font-weight:700}}