@charset "utf-8";

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, strong, sub, sup,
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, thead,
tbody, tfoot, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

body {
    direction: rtl;
    line-height: 1;
    background-color: #F5E694;
    overflow-x: hidden;
    font: 13px sans-serif;
}

ol, ul {
    list-style: none;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    font: 13px sans-serif;
    color: #000;
}

blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
}

/* Fonts */
@font-face {
    font-family: "sans";
    src: url("./font/sans.woff") format("woff"),
         url("./font/sans.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FontAwesome";
    src: url("./font/fontawesome-webfont.eot");
    src: url("./font/fontawesome-webfont.eot") format("embedded-opentype"),
         url("./font/fontawesome-webfont.woff2") format("woff2"),
         url("./font/fontawesome-webfont.woff") format("woff"),
         url("./font/fontawesome-webfont.ttf") format("truetype"),
         url("./font/fontawesome-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Main Wrapper */
#all {
    width: 100%;
    min-height: 100%;
}

/* Top Header */
#all .tophead {
    width: 1200px;
    height: 40px;
    margin: 0 auto;
    background: #0225cf;
}

.tophead .headright {
    float: right;
    margin: 10px 0 0 0;
}

.tophead .headright i {
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
    cursor: pointer;
}

.tophead .headleft {
    float: left;
    margin: 5px 0 0 0;
}

.headleft i {
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

.headleft i.fa-facebook {
    background-color: #e00306;
}

.headleft i.fa-rss {
    background-color: #14be04;
}

.headleft .lastfeed {
    float: right;
    margin: 8px 0 0 10px;
}

.headleft .lastfeed span {
    color: #fff;
    float: left;
    margin-right: 5px;
}

.headleft .lastfeed a {
    color: #5ca5ed;
    float: right;
}

/* Main Header */
#all .headertop {
    width: 1200px;
    height: 110px;
    margin: 0 auto;
    background-color: #CFCFCF;
}

#all .headertop nav {
    float: right;
    margin: 35px 75px 0 0;
}

#all .headertop nav a {
    font-size: 15px;
    font-family: sans-serif;
    margin-left: 40px;
    color: #000;
}

#all .headertop nav a:hover {
    color: #fff;
}

#all .headertop .logotop {
    width: 225px;
    height: 118px;
    background: url("imag/file_Manky.png") no-repeat center center;
    float: left;
    margin: 0;
    display: block;
    background-size: 53%;
}

#all>.menu  {
	width: 1200px;
	height: 40px;
	margin: 0 auto;
	background: #BFBFBF;
	box-shadow: 0 0 20px #F5E111;
	border-bottom: 2px solid #F5E111;
}         


#all> .menu> .bcategory {
	width: 40px;
	height: 40px;
	background: #F5E111;
	float: left;
	margin: 0 0 0 -225px;
}

#all> .menu> .bcategory>i {
font-size: 20px;
	color: #fff;
	margin: 12px 10px 0 0 ;
	float: right;
}

#all> .menu>nav {
	float: left;
	margin: 9px 0 0 -147px;  
}

#all> .menu>nav>a {
	margin: 0 20px 0 0; 
} 

#all> .menu>form{
	float: right;
	width: 300px;
	margin: 7px 120px 0 0;
	position: relative;
}

#all> .menu>form>input[type='text']{
	background: none;
	border: none;
	text-align: left;
	direction: ltr;
	float: right;
	margin: 4px 0 0 0;
}

#all> .menu>form>input[type='submit']{
	border: none;
	background: none;
	width: 70px;
	height: 25px;
	margin: 0 11px 0 0;
	border-right:1px solid #dca29c;
	cursor:pointer;
	z-index: 2;
	position:relative;

}

#all>.menu>form>.fa-search {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 3px;
	left: 60px;
	font-size: 20px;
	color: #9e9e9e;
	z-index: 1;


}

.slider{
	width: 1200px;
	height: 550px;
	margin: 0 auto;

}

.slider > .slider-contant{
	width: 100%;
 	height: 550px;
	position: relative; 
}

.slider slider-contant > li{
width: 100%;
height: 550px;
}

.slider > .slider-contant > li > a > h2 {
	
	position: absolute;
	font-size: 30px;
	left: 40px;
	top: 15%;
	color: #fff;
	text-shadow: 0 0 2px #000;

}

.slider > .slider-contant >li > a > h3{
	
	position: absolute;
	left: 40px;
	font-size: 18px;
	padding: 0 10px 0 10px;
	top: 25%;
	background: rgba(255,255,255,0.29);
	color: #000;
	box-sizing: border-box;

}
 .slider > .slider-contant > li > a > img {
	width: 1200px;
	height: 550px;
}
 
.slider-contant >.pager{
	position: absolute;
	bottom: 3px;
	right: 44%;

}

.slider-contant >.pager > li{
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50px;
	float: right;
	margin: 0 0 0 10px;

}


.slider-contant >.pager > .active {
		background: #FFFFF;
}

.adress {
	width: 1200px;
	height: 250px;
	margin: 20px auto 0;
}

.adress >.adress-header{
	width:100%;
	height: 48px;
	border-bottom: 2px solid  #D51F26;
}

.adress >.adress-header >i{
	text-align: center;
	float: left;
	width: 70px;
	height: 48px;
	background: #AD0000;
	color:#FDF7F7;
	font-size: 35px;
	box-sizing: 7px 0px 0 0;
	
}

.adress >.adress-header >b{
	float: left;
	width: 110px;
	height: 42px;
	background: #EA1328;
	color: #FEF7F7;
	font-size: 20px;
	text-align: border-box;
	font-weight: 900;
	padding: 6px 0 0 0;
}

.adress >.adress-header >a{
	float: left;
	color: #AD0000;
	text-align: left;
	direction: lt;
	padding: 12px 0 0 10px;
	box-sizing: border-box;
	text-align: 0 0 5px #20D346;
}

.adress >.adress-contant{
	width: 100%;
	margin: 20px 0 0 0;
}

.adress >.adress-contant  img{
	width:100%;
	height: 450px;
	margin: 0 0 10px 0;
	object-fit: cover;
}

.lastbg{
	width: 1185px;
	height: 660px;
	background: #fff;
	border: 8px solid #ccc;
	margin: 270px auto 10px;
}

.lastbg .lastpost{
	width: 275px;
	height: 300px;
	border-radius: 10px;
	float: right;
	position: relative;
	margin: 10px 18px 10px 0;
}

.lastpost >a{
	       width: 180px;
    text-align: center;
}

.lastpost >a >img{
	width: 275px;
	height: 300px;
	border-radius: 10px;
	float: right;
	position: 10px 18px 10px 0;
}

.lastpost >a >h2{
	text-align: center;
		
	}	
.lastposthover{
	width: 275px;
	height: 300px;
	border-radius: 10px;
	position: absolute;
	top:0;
	right:0;
	background: hsla(0, 0%, 0%, 0.54);
	opacity: 0;
	transition: 0.3s;
}
.lastpost:hover .lastposthover{
	opacity: 1;
}


.lastposthover > h3{
    position: absolute;
    top: 20px;
    right: 15px;
    left: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

.lastposthover > time{
    position: absolute;
    top: 70px;
    right: 15px;
    color: #ddd;
    font-size: 14px;
}

.lastposthover > span{
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #fff;
    font-size: 14px;
}

.lastposthover >span >b{
	margin: 0 0 0 10px;
}
.lastposthover >span >b >.fa-comment-o{
	color: chartreuse;
}

.lastposthover >span >b >.fa-eye{
	color: mediumvioletred;
}
.tv-right > ul {
width: 96%;
float:left;
margin:10px 0 0 5px;
}
.tv-right>ul>li{
float:left;
width:100%;
border-radius: 5px;
background: #f6f6f6;
height:35px;
border:1px  solid #9c9c9c;
margin:0px 0 10px 0;
}
.tv-right>ul>li>a{
float:left;
margin: 5px 0 0 10px;
color: #636363;
}

.tv-right>ul>li>a>b{
float:right;
background:#ff8027;
border-radius: 5px;
padding:0 10px 0 10px;
color: #fff;
margin:5px 6px 0 0;
}
.wrapper{
    width:1200px;
    margin: 670px auto 30px ;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    direction: rtl;
}

.right,
.left{
    width:245px;
	
    margin-bottom:20px;
    float:none;
}

.right{
width: 245px;
height:auto;
float:right;
margin-bottom: 20px;
}
.right .tv-right{
width:100%;
height:auto;
float:right;
background: #fff;
border-radius:10px;

}

.tv-right>header{
width:100%;
height: 40px;
box-shadow:0 0 6px #797979;
border-radius:10px;
background: #fdfdfd;

}

.tv-right>header>h3{
float:left;
height: 40px;
border-left:1px solid #d2d2d2;
margin:0 0 0 20px;
font-size:15px;
box-sizing:border-box;
padding:10px 0 0 10px;
color: #585858;
}
.tv-right>header>b{
float:left;
font-size: 24px;
color: #909090;
margin:5px 0 0 30px;
}	
.left{
width:245px;
height:auto;
float:left;
margin-bottom:20px;
}


.left .reg-left{
width:100%;
height:auto;
float:right;
background: #fff;
border-radius:10px;

}

.reg-left>header{
width:100%;
height: 40px;
box-shadow:0 0 6px #797979;
border-radius:10px;
background: #fdfdfd;

}

.reg-left>header>h3{
float:left;
height:40px;
border-left:1px solid #d2d2d2;
margin:0 0 0 20px;
font-size:15px;
box-sizing:border-box;
padding:10px 0 0 10px;
color: #585858;

}

.reg-left>header>b{
float:left;
font-size:24px;
color: #909090;
margin:5px 0 0 30px;
	}
.reg-left>form{
float:left;
width:96%;
margin:10px 0 0 5px;
}

.reg-left>form>input[type='text']{
float:left;
width: 98%;
height: 40px;
border-radius: 5px;
margin:0 0 10px 0;
border:1px solid #cacaca;
text-align:left;
padding:0 10px 0 20px;
box-sizing:border-box;
}

.reg-left>form>input[type='submit']{
float:left;
width:98%;
height: 40px;
border-radius: 5px;
margin:0 0 10px 0;
border:1px solid #0e538a;
text-align:center;
padding:0 10px 0 20px;
box-sizing:border-box;
background: #2196f3;
color: #fff;
font-weight:900;
cursor:pointer;

}
.reg-left>form>input[type='submit']:hover{
background: #014c88;
}
.reg-left>form>input[type='text']:focus{
border:1px solid red;
}

.wrapper .center{
width:690px;
height:auto;
float:right;
margin:0 10px 0 0;
}
.center>.post{
width:100%;
height:600px;
background:#fff;
border-radius:10px;

}

.post>a{
	width:100%;
	height:400px;
	position: relative;
	float: right;
}

.post>a>img{
	width: 100%;
	height: 400px; 
	border-radius:10px 10px 0 0;
}

.post>a>h2{
	position: absolute;
	width: 100%;
	height: 60px;
	background:rgb(255,255,255,0.45);
	font-size: 25px;
	box-sizing:border-box;
	padding:10px 0 0 0;
}
.info>h3{
	width: 100%;
	height: 80px;
	float: right;
	text-align:center;
	margin: 20px 0 0 0;
}
	
.info >h3 >a{
float:left;
width:98%;
height:50px;
border-radius:5px;
margin:22px 0 0 7px;
border:1px solid #23670e08;
text-align:center;
padding: 8px 10px 0 20px;
box-sizing: border-box;
background: #f44336;
color:#fff;
font-weight:900;
cursor:pointer;
direction: ltr;
font-size:20px;
letter-spacing:2px;
}
.info >h3 > a:hover{
	color:#7800A6;
}

.center>.post{
width:100%;
height:600px;
background:#fff;
border-radius:10px;
position: relative;
margin:0 0 30px 0;

}
/* Footer */

.footer{
    width: 1200px;
    margin: 40px auto 0;
    background:  #989292 ;
    padding: 25px 0;
}

.footer .footer-right{
    float: right;
    width: 33%;
    text-align: right;
    color: #00000;
}

.footer .footer-center{
    float: right;
    width: 33%;
    text-align: center;
}

.footer .footer-left{
    float: left;
    width: 33%;
    text-align: left;
}

.footer h3,
.footer h4{
    color: #000000;
    margin-bottom: 15px;
}

.footer p{
    color: #000000;
    font-size: 14px;
}

.footer-center a{
    display: block;
    color: #000000;
    text-decoration: none;
    margin-bottom: 8px;
}

.footer-center a:hover{
    color: #fff;
}

.footer-left i{
    color: #000000;
    font-size: 20px;
    margin-right: 10px;
    cursor: pointer;
}

.footer .copy{
    width: 100%;
    float: right;
    text-align: center;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.3);
    color: #8F8889;
    font-size: 13px;
}