@font-face{font-family:iranSans;src:url('http://cdn01.avijeh.ir/assets/IRANSansWeb_FaNum.ttf')}@font-face{font-family:iranSansBold;src:url('http://cdn01.avijeh.ir/assets/IRANSansWeb_FaNum_Black.ttf')}body{margin:0;padding:0;height:100vh;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;font-family:iranSans;position:relative;background-repeat:no-repeat;background-size:cover;direction:rtl}.content{margin-top:-30px}.title{margin-bottom:10px}.title h1 strong{color:#00E78A}.title h1{color:#fff;text-align:center;font-size:51px}h2{color:#00E78A;text-align:center}.shapes{position:relative;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;height:550px;width:740px}.shapes>div{position:absolute}.shapes>div.cloud{position:relative}.setting{top:0;left:0}.server{bottom:0;left:0}.platform{top:0;right:0}.code{bottom:-26px;right:0}.cloud .update,.update-m{position:absolute;top:45px;left:calc(50% + 32px);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-left:-15%;-webkit-animation:update 6s infinite;animation:update 6s infinite}.cloud-shape,.cloud-shape-m{-webkit-transform:translate(30px,-32px);-ms-transform:translate(30px,-32px);transform:translate(30px,-32px)}.cloud-shape-m{display:none}.update-m{display:none}.line-1{right:78px;top:153px}.line-2{right:79px;bottom:167px}.line-3{left:145px;top:150px}.line-4{left:145px;top:273px}footer{color:#fff;text-align:center;position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}footer div{color:rgba(255, 255, 255, .4);margin-top:5px}footer div span{padding:0 10px;color:#fff}.setting-box{position:relative}.setting-1{-webkit-animation:setting 6s infinite;animation:setting 6s infinite}.setting-2{-webkit-animation:setting-2 6s infinite;animation:setting-2 6s infinite;margin-left:-3px}.circle-1{-webkit-animation:circle 2s ease-in-out 1000ms infinite;animation:circle 2s ease-in-out 1000ms infinite}.circle-2{-webkit-animation:circle 2s ease-in-out infinite;animation:circle 2s ease-in-out infinite}.circle-3{-webkit-animation:circle 2s ease-in-out 500ms infinite;animation:circle 2s ease-in-out 500ms infinite}.logo-1{stroke-dasharray:1000;stroke-dashoffset:0;-webkit-animation:logo 4s infinite;animation:logo 4s infinite}.logo-2{-webkit-animation:logo-1 4s infinite;animation:logo-1 4s infinite}.logo-3{-webkit-animation:logo-1 4s infinite;animation:logo-1 4s infinite}@-webkit-keyframes setting{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes setting{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes setting-2{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes setting-2{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes update{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes update{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes circle{0%{opacity:0}50%{opacity:1}98%{opacity:0}100%{opacity:0}}@keyframes circle{0%{opacity:0}50%{opacity:1}98%{opacity:0}100%{opacity:0}}@-webkit-keyframes logo{to{stroke-dashoffset:100}}@keyframes logo{to{stroke-dashoffset:100}}@-webkit-keyframes logo-2{}@keyframes logo-2{}@-webkit-keyframes logo-3{}@keyframes logo-3{}@media(max-width:992px){.setting,.platform,.server,.code,.line-1,.line-2,.line-3,.line-4{display:none}.shapes{height:auto;width:100%}.cloud-shape,.cloud-shape-m{-webkit-transform:none;-ms-transform:none;transform:none}.cloud .update,.update-m{top:66px;left:50%;margin-left:-14%}.title h1{color:#fff;text-align:center;font-size:30px}}@media (max-width:380px){.cloud-shape{display:none}.cloud .update{display:none}.cloud-shape-m{display:block}.update-m{top:50px;display:block}footer div span{display:block;direction:ltr}}