@font-face {
            font-family: 'BYekan';
            src: url("../fonts/WebYekan.eot?") format('eot'),
            url("../fonts/WebYekan.woff") format('woff'),
            url("../fonts/WebYekan.ttf") format('truetype');
        }

@font-face {
  font-family: 'BKoodakBold';
  src: url("../fonts/BKoodakBold.eot?#") format('eot'),  /* IE6?8 */
       url("../fonts/BKoodakBold.woff") format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url("../fonts/BKoodakBold.ttf") format('truetype');  /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
}
body { font-family:BYekan!important; font-weight:normal!important;  }
body p{ font-family:BYekan!important; font-weight:normal!important; text-align:justify  }

h1, h2, h3, h4, h5 {
font-family:BYekan!important;
	
}
input,a,span,label,textarea{font-family:Byekan!important;font-weight:normal!important}

h1 { font-size: 80px!important;font-weight:normal!important; }
h2 { font-size: 30px!important; font-weight:normal!important;border-bottom:4px solid #ccc; }
h3 { font-size: 18px!important;font-weight:normal!important;}
h4 { font-size: 16px!important;font-weight:normal!important;  }
h5 { font-size: 14px!important;font-weight:normal!important;  }
table td{ font-size: 18px!important;font-weight:normal!important;  }
ul li{ font-size: 20px!important;font-weight:normal!important;  }
.resume ul li{ list-style:square;  }

#menu{ margin:0px auto; width:840px}
#menu ul{ z-index:999999;
	cursor:pointer;
	pointer-events: auto !important;
	display:block;}
#menu ul li{display:block; width:130px;float:right; padding:5px;}
#menu ul li img{
    width: 30px;
    height: 30px;
    float: right;
    padding: 8px 7px 0px 0px;}

.overview-button {
	position:fixed;
	left:0px;
	top:5px;
	width:62px;
	height:62px;
	background-color: #363636;
	cursor:pointer;
	pointer-events: auto !important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index:999999;
}
.overview-button img
{
    width: 40px;
    height: 40px;
    float: right;
    padding: 12px 12px 0px 0px;
}
.overview-button:hover {
	background-color: rgb(0, 125, 255);
}
ul#navigation {
	position:relative;
	margin: 0px;
	padding: 0px;
	
	list-style: none;
	z-index:999999;
	cursor:pointer;
	pointer-events: auto !important;
	display:block;
	float:right;
}
ul#navigation li {
	width: 200px;
	margin-bottom:5px;
}
ul#navigation li img
{
    width: 40px;
    height: 40px;
    float: left;
    padding: 10px 0px 0px 10px;
}
#menu ul li a {
	display: block;
	margin-right: 0px;
	
	height: 50px;
	background-color: rgb(0,125,255);
	background-repeat: no-repeat;
	background-position: 10px center;
	text-align: center;
}
#menu ul li span {
	color:#fff;
	font-family:Cabin;
	font-size:16px;
	line-height:48px;
}
@media screen and (max-width: 1024px) 
{
    .overview-button
    {
        width: 40px;
        height: 38px;
    }
    .overview-button img
    {
        width: 30px;
        height: 30px;
        padding: 4px 6px 0px 0px;
    }
    .overview-button
    {
        width: 40px;
        height: 38px;
    }
    #menu ul li img
    {
        width: 30px;
        height: 30px;
        padding: 5px 0px 0px 5px;
    }    
    #menu li a
    {
        height: 40px;
    }
    #menu ul li span
    {
        font-size: 20px;
        line-height: 40px;
        padding-right:20px;
    }
    #menu ul li 
    {
        margin-right:-20px;
    }
    .hint {
	font-size: 18px;
	padding: 5px 10px 10px 10px;
}    
}
.contact-right{direction:rtl;text-align:right;}
.sp{margin-top:50px;}