@font-face{font-family:'IranSans';src:url(font/iransans.eot@#) format('eot') , url(font/iransans.woff) format('woff') , url(font/iransans.ttf) format('truetype')}@font-face{font-family:"iransans";font-weight:bold;src:url(font/iransans_bold.woff) format("woff")}@font-face{font-family:"iransans";font-weight:100;src:url(font/iransans_ultralight.woff) format("woff")}a,body,div,footer,h1,h2,h3,header,html,img,span{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,footer,header,nav,section{display:block}html,body{height:100%;min-height:100%}html{font-size:62.5%}body{font-family:"IranSans";font-size:14px;font-weight:300;color:#fff;background:url(img/bg.jpg) no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;direction:rtl}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:-1;direction:rtl}h1,h2{margin:16px 0}h1{font-size:24px}h2{color:rgba(255,255,255,.85)}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;padding:0 20px}.header{margin:auto 0 16px}.timer{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 auto;font-size:50px;line-height:1}.timer__type{margin-top:10px;font-size:14px;text-align:center;color:rgba(255,255,255,.5)}.social-links{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto 0 50px}.social-links__link{margin:50px 24px 0 0}.icon{display:block;width:64px;height:64px;opacity:.7}.social-links__link:hover .icon{opacity:1}.icon>img{display:block;width:100%;height:100%}.footer{width:100%;background:rgba(0,0,0,.5)}.footer__content{margin:auto;padding:0 40px;max-width:1200px;text-align:right;color:rgba(255,255,255,.5)}.footer .logo{height:50px;vertical-align:middle;margin:0 0 0 10px}@media (min-width:500px){.timer{font-size:80px}.social-links{margin-bottom:110px}}@media (min-width:600px){.timer{font-size:100px}}@media (min-width:740px){.timer{font-size:120px}}