@font-face {
	font-family: 'yekan';
	src: url('../fonts/yekan.eot');
	src: local('☺'), url('../fonts/yekan.woff') format('woff'), url('../fonts/yekan.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@keyframes bac {
    from{opacity:0;}
    to {opacity:1;}
}
html{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0px;
	margin: 0px;
	background: #5278BB;
	font-family: 'yekan';
    transition:all 3s;
    animation-name:bac;
    animation-duration: 5s;
    animation-delay: 200;
}
body{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0px;
	margin: 0px;
	background:url('../images/bac.png') repeat-x top center;
	font-family: 'yekan';
	direction: rtl;
}
img{
	max-width:100%;
	height: auto;
}
.container{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	min-height: 500px;
	background: url('../images/tqzhib.png') no-repeat top center;
}
.row{
	background: url('../images/bac2.png') no-repeat center right;
	min-height: 500px;
	position:relative;
}
.col-md-12{
	background: url('../images/tazhib2.png') no-repeat center bottom;
	min-height: 500px;
	position:relative;
	overflow: hidden;
}
.nav{
	background: url('../images/bottom.png') no-repeat center top;
	height: 100px;
	text-align: center;
}
.nav .eng{
	display: block;
	margin: auto;
	padding-top: 10px;
}
.nav ul{
	width: 100%;
	height: 60px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
}
.nav ul li{
	width: 173px;
	height: 60px;
	background: url('../images/key.png') no-repeat center top;
	padding: 0px;
	margin: 5px;
	margin-top: 10px;
	list-style: none;
	text-align: center;
	display: inline-table;
}
.nav ul li a{
	color:#FFF;
	text-decoration: none;
	display: block;
	height: 60px;
}
.nav ul li a:hover{
	color:#FFF;
	text-decoration: none;
}
.flag{
	position:absolute;
	left:20%;
	top:10%;
	width: 40%;
}
.person{
	position:absolute;
	left:33%;
	top:0%;
	width: 35%;
	height: auto;
}
.logo{
	position:absolute;
	right:15%;
	top:30%;
	width: 30%;
	height: auto;
}
@media (max-width: 767px) {
	.col-md-12{
		min-height: 300px;
	}
	.person{
		position:absolute;
		left:54px;
		top:15px;
		bottom:0px;
		width: 70%;
		height: auto;
	}
	.logo{
		position:absolute;
		right:0;
		top:20%;
		width: 50%;
		height: auto;
	}
}



@media (max-width: 696px) {
	.col-md-12{
		min-height: 300px;
	}
	.person{
		position: absolute;
        left: 155px;
        top: -28px;
        bottom: 0px;
        width: 52%;
        height: auto;
	}
	.logo{
		position:absolute;
		right:0;
		top:20%;
		width: 50%;
		height: auto;
	}
}




@media (max-width: 360px) {
	.col-md-12{
		min-height: 300px;
	}
	.person{
		position: absolute;
left: 29px;
top: -7px;
bottom: 0px;
width: 90%;
height: auto;
	}
	.logo{
		position:absolute;
		right:0;
		top:20%;
		width: 50%;
		height: auto;
	}
}




@media (max-width: 414px) {
	.col-md-12{
		min-height: 300px;
	}
	.person{
		position: absolute;
left: 45px;
top: -28px;
bottom: 0px;
width: 84%;
height: auto;
	}
	.logo{
		position:absolute;
		right:0;
		top:20%;
		width: 50%;
		height: auto;
	}
}