@font-face {
    font-family:'yekan';/*تعریف یک نام برای فونت*/
    src:url( url(../font/BYekan.eot));/*اکسپلورر 9 به بعد*/
    src:local('byekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local('byekan'),/*برای برخی از مرورگرها مانند سافاری*/
url('') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
url('../font/BYekan.woff') format('woff'),/*مرورگر های جدید*/
url('../font/BYekan.tff') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
url('../font/BYekan.svg') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}
body {font-family: yekan;overflow:hidden;margin: 0;color: white;padding:0;-webkit-font-smoothing: antialiased;}

h1.cTitle {color:#FFF;font-weight:700;font-family: yekan;text-align:center;padding-top:10px;}

.cContent > p { margin-top:40px; padding:0; font-size:22px; line-height:30px; color:#FFF; text-align:center; font-weight:300; }

/*Loading Start*/
#loading { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:#170b0d; z-index:9999; }

.spinner { position: relative; width: 42px; height: 67px; top:50%; left:50%; margin: -34px 0px 0px -21px; background: url('img/loading.png') no-repeat center center; -webkit-animation: mask 1s infinite alternate; -moz-animation: mask 1s infinite alternate; -ms-animation: mask 1s infinite alternate; -o-animation: mask 1s infinite alternate; animation: mask 1s infinite alternate; }

@-webkit-keyframes mask {
    0%  { -webkit-transform: rotate(90deg); }
    100%  { -webkit-transform: rotate(-90deg); }
}

@-moz-keyframes mask {
    0%  { -moz-transform: rotate(90deg); }
    100%  { -moz-transform: rotate(-90deg); }
}

@-ms-keyframes mask {
    0%  { -ms-transform: rotate(90deg); }
    100%  { -ms-transform: rotate(-90deg); }
}

@-o-keyframes mask {
    0%  { -o-transform: rotate(90deg); }
    100%  { -o-transform: rotate(-90deg); }
}

@keyframes mask {
    0%  { transform: rotate(90deg); }
    100%  { transform: rotate(-90deg); }
}
/*Loading End*/

/*Content Area Start*/

.container { position:relative; z-index:999; }
.twContainer { position:absolute; margin-top:0px !important; bottom:20px; left:50%; z-index:999; }
.bgContainer { position: absolute; height: 100%; width: 100%; z-index:900; }
/*Content Area End*/

/*Logo Start*/
.logos{
text-align:center;
	}
/*Logo End*/

/*Background Start*/
.overlay { pointer-events: none; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index:950; }
.controls { -webkit-font-smoothing: subpixel-antialiased; position: absolute; right: 20px; top: 0; }
.vignette {     background-image: -webkit-radial-gradient(50% 50%, ellipse, rgba(50, 80, 70, 0.7) 30%, rgba(0, 0, 0, 1) 100%);}
/* .vignette { background-image: -webkit-radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%); background-image: -webkit-radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%); } */

.noise { background-image: url("img/noise.png"); opacity: 0.075; }
/*Background End*/