*{
	box-sizing: border-box;
	vertical-align:top;
}

h1{
line-height: normal;
}

@media (max-width: 550px) {
.box{
    max-width:100% !important;	
}

.footer_bg{
	    padding-left:10px  !important;
    padding-right:10px  !important;

}	


.content-small{
	    max-width:100% !important;	
margin:auto  !important;		
}



.fixed{
	
z-index:-1 !important;	
}
	
.ss
{
    padding-left:20px;
    padding-right:20px;
}

.ss input
{
    width:100%;
    max-width:350px;
}
}

body{	
    font-family: 'Cairo', sans-serif;
    font-size: 13px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height:normal;
}

.read{
    font-size: 15px;
    padding:0 15px 0 15px;
	line-height:normal
}

.box_i{
	text-align:left;
	max-width:396px;
	padding:0 0px;
	display:inline-block;
	line-height:20px;
	background-color:#ededee;
	margin:15px;
}
.box_i a{
    text-decoration:none;
}

.box_i_div{
position:relative;
width:100%;
margin-top:-118px;
background-image:url('/ar/images/shadow.png');
height: 118px;
overflow: hidden;
padding: 10px;
text-align:right
}

.box_i_p{
display:inline-block;
border-radius:3px;
padding:0 10px 0 10px;
margin:0  0 7px 0;
color:#000; 
background-color:#ffffff;
}

.box_i_h2{
color:#ffffff; 
padding:0; 
margin:0; 
line-height:30px; 
font-weight:normal;
text-align:right
}

.box_issues{
    width:254px; 
    margin:15px; 
    line-height:20px; 
    background-image:url('/ar/images/icon.jpg'); 
    background-position:bottom left; 
    background-repeat:no-repeat; 
    display:inline-block; 
    background-color:#ededee; 
    vertical-align:top
}

.box_issues div{
    padding:10px;
    text-align:right;
}

.box_issues pt{
    position:absolute; 
    margin-top:-50px; 
    background-color:Black;
    color:White;
    padding: 10px;
}

.box_issues a{
    color:black;
    text-decoration:none;
}

.box_issues:hover a{
    color:White;
    text-decoration:none;
}

.box_issues:hover{
    background-image:url('/ar/images/icon_white.jpg'); 
    background-position:bottom left; 
    background-repeat:no-repeat; 
    background-color:#000; 
    color:#fff; 
}



.box4{
    background-position:bottom left; 
    background-repeat:no-repeat; 
    background-image:url('/ar/images/icon.jpg'); 
    max-width:380px;
	margin:0 15px 30px;
	display:inline-block;
	line-height:20px;
	text-align:left
}

.box4 a{
	color:#000;
	text-decoration:none;
}

.box4 div{
	padding:0 10px;
}

.box4:hover a {
	color:#fff;
	background-color:#000;
}

.box4:hover{
	color:#fff;
	background-color:#000;
	background-image:url('/ar/images/icon_white.jpg'); 
	background-position:bottom left; 
    background-repeat:no-repeat; 
}

.header_title{
    background-color:#e7e8e9;
    margin-bottom:30px;
    margin-top:30px;
    padding-left:10px;
    padding-right:10px;
    padding-top:45px;
}

.header_title h1{
    max-width:1200px;
    text-align:right;
    margin:auto;
}

@keyframes fadein {
  from { opacity: 0}
  to   { opacity: 1}
}

.box{
	max-width:180px;
	margin:0 15px 15px;
	display:inline-block;
	line-height:20px;
	text-align:right;
	/*background-image:url('/ar/images/icon.jpg'); */
	background-position:bottom left; 
    background-repeat:no-repeat; 
}

.box div{
	padding:0 10px;
}

/*.box:hover{
	color:#fff;
	background-color:#000;
	background-image:url('/ar/images/icon_white.jpg');
	background-position:bottom right; 
    background-repeat:no-repeat; 
}*/

date{
	color:#7f7f7f;
}

.box_2{
	text-align:right;
	max-width:390px;
	padding:0 15px;
	display:inline-block;
	line-height:20px;
	background-color:#ededee;
	margin:15px;
	background-image:url('/ar/images/icon.jpg'); 
	background-position:bottom left; 
    background-repeat:no-repeat; 
}

.box_2:hover{
	color:#fff;
	background-color:#000;
	background-image:url('/ar/images/icon_white.jpg'); 
	background-position:bottom left; 
    background-repeat:no-repeat; 
}

.box_3{
	text-align:left;
	max-width:390px;
	padding:0 0px;
	display:inline-block;
	line-height:20px;
	background-color:#ededee;
	margin:15px;
	 background-image:url('/ar/images/icon.jpg'); 
    background-position:bottom left; 
    background-repeat:no-repeat; 
}

.box_3hover {
	text-align:right;
	max-width:390px;
	padding:0 0px;
	display:inline-block;
	line-height:20px;
	background-color:#ededee;
	margin:15px;
}

.box_3 a{
    color:#000;
    text-decoration:none;
}
.box_3:hover a, .box_3hover a{
	color:#fff;
	text-decoration:none;
}

.box_3 h1{
	line-height:40px;
}

.box_3 div{
	padding:10px;
}

.box_3hover div{
	padding:10px;
}

.box_3:hover , .box_3hover {
	color:#fff;
	background-color:#000;
	    background-image:url('/ar/images/icon_white.jpg'); 
    background-position:bottom left; 
    background-repeat:no-repeat; 
}



.box_5{
	text-align:left;
	max-width:390px;
	padding:0 0px;
	display:inline-block;
	line-height:20px;
	background-color:#ededee;
	margin:15px;
}

.box_4{
	background-image:url('/ar/images/icon.jpg'); 
    background-position:bottom left; 
    background-repeat:no-repeat; 
    text-align:right
}

.box_4:hover{
	color:#fff;
	background-color:#000;
	background-image:url('/ar/images/icon_white.jpg'); 
    background-position:bottom left; 
    background-repeat:no-repeat; 
}

.box4b{
font-size: 17px;
}

.box_4 p{
	margin:0;
	font-weight:500;
}

.box_4 a{
    color:#000;
    text-decoration:none;
}
.box_4:hover a{
	color:#fff;
}

.box_2 a{
    color:#000;
    text-decoration:none;
    text-align:right
}
.box_2:hover a{
	color:#fff;
}

.box a{
    color:#000;
    text-decoration:none;
}
/*
.box:hover a{
	color:#fff;
}*/


#header{
	background-color:#000000;
	background-image:url(/ar/images/header.png);
	background-position:left top;
	background-repeat:no-repeat
}

#header .content{
	/*background-color:#000000;*/
	background-image: url(/ar/images/bg_header.png);
	background-repeat: repeat-y;
	background-position: right;
}

.content{
	max-width:1230px;
	margin:auto;
	width:100%;
}

.content-big{
	display:inline-block;
	max-width:853px;
	margin:auto;
	width:100%
}

.h1{
	background-color:#000000;
	color:#fff;
	border-right:2px solid #808080;
	margin: 0 15px 13px 15px;
	padding: 5.5px;
	font-size: 14px;
	font-weight: 500;
}


.content-small{
	display:inline-block;
	max-width:347px;
	margin: 0 15px;
	width:100%
}

.spacer{
	padding:7.5px;
	background-color:#FFFFFF
}

.spacer_15{
	padding:15px
}

.spacer_100{
	padding:50px
}

.footer_bg{
	background-color:#000000;
	color:#fff !important;
}

.footer{
	display:inline-block;
	max-width:400px;
	margin:auto;
	width:100%;
	color:#fff !important;
	font-weight:100;
	text-align:left;
	line-height:20px;
}
.footer a{
	color:#fff !important;
	text-decoration:none;
}

.footer h1{
	font-weight:500;
	font-size:17px;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #fff;
	width:80%;
	text-align:right
}

.footer .ff{
	width:80%;
	text-align:right
}

.footer_bg .content{
	max-width:1200px !important
}

.fixed{
	right:0;
	margin-top:-398px;
	position:absolute;
	z-index:999999999999999999;
}

/*****************************************/
.dropbtn {
   background-color: #000;
    color: white;
    padding: 0px;
    font-size: 12px;
    border: none;
    padding-top:5px;
}

.dropdown {
    position: relative;
    display: inline-block;
    text-align:left
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align:right;
    padding-top: 7px;
    margin-left: -35px;
}

.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color:White;
    text-align:right;
    background-color: #000;
    margin-bottom:1px;
}

.dropdown-content a:hover {background-color: #000;color: #fff}

.dropdown:hover .dropdown-content {
    display: block;
    text-align:left;
    font-size: 12px;
}

.dropdown:hover .dropbtn {
    background-color: #000;
    text-align:left
}

.icon{
    text-align: center;
vertical-align: middle;
}