@charset "utf-8";
@font-face {
font-family: 'Yekan';
src: url('fonts/B Yekan.eot');
src: url('fonts/B Yekan.eot?#iefix') format('embedded-opentype'),
	 url('fonts/B Yekan.woff') format('woff'),
	 url('fonts/B Yekan.ttf') format('truetype'),
	 url('fonts/B Yekan.svg#B Yekan') format('svg');
}

body{ direction: rtl;margin: 0;padding: 0}
body,div,span,a{ font-family: Yekan;text-decoration: none}

#logo{border-radius: 10px;position: fixed;top: 40px;right: -120px; overflow: hidden; z-index: 99000;width: 120px;height: 120px;-webkit-transition:0.5s;transition:0.5s;}
#logo:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}

#content{margin: -75px 0 0 0;display: none;width:100%;height: 140px;background: rgba(0,0,0,0.25);position: absolute;top: 80%;z-index: 0;-webkit-transition:0.5s;transition:0.5s;}
#content:hover{background: rgba(0,0,0,0.35);}
#title{ color: white;font-weight: bold;font-size: 33px;float: right;margin: 42px 4% 40px 0;text-shadow: 0 3px 0 rgba(16, 55, 80, 0.2);}

.HomeBox{float: left;display: block;width:95px;cursor:pointer;height:75px;padding:20px 15px;margin:12px 0 0 12px;text-align: center;border-radius:5px;-webkit-transition:0.5s;transition:0.5s;}
.HomeBox:hover{box-shadow: 0 2px 8px #334;border-radius:15px;-webkit-transform: scale(1.1);transform: scale(1.1);}
.HomeBox div{color: #2d2d2d;font-size: 8px;margin-top:10px}

#footer{font-size: 11px;color: #2e3c4a;font-weight: bold;position: absolute;top: 80%;right:10%;margin-top:80px;-webkit-transition:1s;transition:1s;}
#footer:hover{color:#063558;text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);}

#wait{display: none;float:right;background:white;border-radius:10px;padding:20px;margin:25px;direction: ltr;font-family: tahoma;font-size: 13px;color:#2e3c4a}