@font-face{
	font-family:'Yekan';
	src:url('font/Yekan.eot?#') format('eot'),url('font/Yekan.woff') format('woff'),url('font/Yekan.svg') format('svg'),url('font/Yekan.ttf') format('truetype')
}
body {
margin:auto auto;
font-family:'Yekan';
background-color:#fff
}
.bodyw {
height: 650px;
text-decoration: none;
background: url(img/bg.png) center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.footer {
background-image: url(img/footer.png);
height: 100px;
position: absolute;
width: 100%;
bottom: 0px;
}
.logotype {
font: 39px 'Yekan';
background: #F04141;
width: 170px;
height:100px;
display: inline-block;
max-width: 170px;
border-radius: 50%;
text-align: center;
position: relative;
top: 230px;
overflow: hidden;
text-decoration: none;
box-shadow: 7px 5px 0px rgba(190, 48, 48, 0.48) inset;
padding: 60px 20px 60px 20px;
text-shadow: 1px 1px 0px #000;
color: #fff;
animation-name: logo;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-delay: 0.1s;
-webkit-animation-name: logo;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0.1s;
-moz-animation-name: logo;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0.1s;
-o-animation-name: logo;
-o-animation-duration: 0.5s;
-o-animation-timing-function: linear;
-o-animation-delay: 0.1s;
}
@keyframes logo
{
0%   {top:-150px;opacity: 0;}
100% {top:100px;opacity: 1;}
}
@-webkit-keyframes logo
{
0%   {top:-300px;opacity: 0;}
100% {top:230px;opacity: 1;}
}
@-moz-keyframes logo
{
0%   {top:-300px;opacity: 0;}
100% {top:230px;opacity: 1;}
}
@-o-keyframes logo
{
0%   {top:-300px;opacity: 0;}
100% {top:230px;opacity: 1;}
}
.portal {
font: 23px 'Yekan';
background: #F04141;
width: 128px;
max-width: 128px;
border-radius: 50%;
text-align: center;
position: relative;
top: 40px;
margin-right: 100px;
float: right;
overflow: hidden;
box-shadow: 7px 5px 0px rgba(190, 48, 48, 0.48) inset;
padding: 60px 20px 60px 20px;
text-shadow: 1px 1px 0px #000;
color: #fff;
animation-name: portal;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-delay: 0.1s;
-webkit-animation-name: portal;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-moz-animation-name: portal;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0s;
-o-animation-name: portal;
-o-animation-duration: 1s;
-o-animation-timing-function: linear;
-o-animation-delay: 0s;
}
@keyframes portal
{
0%   {opacity: 0;}
80%   {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes portal
{
0%   {opacity: 0;}
80%   {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes portal
{
0%   {opacity: 0;}
80%   {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes portal
{
0%   {opacity: 0;}
80%   {opacity: 0;}
100% {opacity: 1;}
}
.forum {
font: 23px 'Yekan';
background: #F04141;
width: 128px;
max-width: 128px;
border-radius: 50%;
text-align: center;
position: relative;
top: 40px;
margin-left: 100px;
float: left;
overflow: hidden;
box-shadow: 7px 5px 0px rgba(190, 48, 48, 0.48) inset;
padding: 60px 20px 60px 20px;
text-shadow: 1px 1px 0px #000;
color: #fff;
animation-name: forum;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-delay: 0.1s;
-webkit-animation-name: forum;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-moz-animation-name: forum;
-moz-animation-duration: 1.5s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0s;
-o-animation-name: forum;
-o-animation-duration: 1.5s;
-o-animation-timing-function: linear;
-o-animation-delay: 0s;
}
@keyframes forum
{
0%   {opacity: 0;}
80%   {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes forum
{
0%   {opacity: 0;}
80%   {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes forum
{
0%   {opacity: 0;}
80%   {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes forum
{
0%   {opacity: 0;}
80%   {opacity: 0;}
100% {opacity: 1;}
}
.theme {
float: right;
color: #fff;
margin-top: 60px;
margin-right: 25px;
font: 19px 'Yekan';
text-shadow: 1px 1px 0px #000;
}
.vbiran {
float: left;
color: #fff;
margin-top: 60px;
margin-left: 25px;
font: 19px 'Yekan';
text-shadow: 1px 1px 0px #000;
}