@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400);
body {
	font-family: 'Lato', sans-serif;
	font-size:16px;
	background:url(../img/patterns/11.png);
	color:#727272;
}
p, a, .btn, input, img, div {
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
a {
	padding:0 0;
}
/***********************************************************************************************/
.logo img
{
width:240px;}
.header-container
{
background:#dbdbdb;}
.banner-container
{ background: -webkit-linear-gradient(90deg, #fff,#fefefe); 
    background: -o-linear-gradient(90deg, #fff,#fefefe); 
    background: -moz-linear-gradient(90deg,#fff,#fefefe); 
    background: linear-gradient(90deg, #fff,#fefefe);
	 }

	
.banner
{
direction:rtl;
float:right;
margin-right: -15px;
}

.currency
{
background:#103161;
color:#fff;
overflow:hidden;}
.currency h3, .currency li
{
float:left;
padding:3px 10px;}
.currency h3
{
font-size:16px;
margin-bottom: 0px;
margin-top: 0px;
text-align: center;
}
.currency ul
{
margin-bottom:3px;
padding-left: 0;}
.currency li
{
font-size:12px;
list-style:none;}
.currency .dif-color
{
color:#f19e36;}
.news
{
background:#434344;
color:#fff;
overflow:hidden;}
.news h3, .news p
{
float:left;
padding:3px 10px;}
.news h3
{
font-size:16px;
margin-bottom:0;
margin-top:0;text-align: center;
}
.news p
{
font-size:14px;
margin: 0 0 0;
}
.news a
{
text-decoration:none;
color:#f19e36;
font-size:14px;
padding:3px 0px;
display:inline-block;}
.news a:hover
{
text-decoration:underline;}
.cont-container
{
background:#fff;}
.search
{
	  padding-top: 15px;
background:#f4f6f6;
margin:auto;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;}
.search .form-control
{
 
width: 50%;
float: left;
margin-right: 2%;
height: 28px;
border-radius: 3px;
margin-top: 4px;
box-shadow: inset 0 1px 4px rgba(133,127,127,0.5);
}
.search form
{
	display:inline;
font-size:14px;}
.forms
{
width: 50%;
margin-left: 6%;
}
.search .forms img
{
margin-left: 5%;
float: left;
}
.search .dif-a
{
margin-left: 0%;}
.search .dif-margin
{
margin-right:7%;}
.search .img-margin
{
margin-left: -6%;
width: 50%;
}
.search .img-border
{
border-left:1px solid #a4a4a4;
padding-left:6px;}
.date-time
{
font-size:12px;
margin:auto;
margin-top: 23px;
color:#f19e36;
text-align: center;
}
.search .arabic
{
text-align:right;
font-size:18px;
color:#434344;
padding-right: 25px;}
.search a:hover
{
text-decoration:underline;}
.search label
{
color:#434344;
}
.body-cont
{
width: 54%;
margin:auto;
margin-right: 0%;}

/************************************************************************/
.side-menu-bg
{
width: 75%;
border-radius:6px;
transform: skew(-2deg);
-o-transform: skew(-2deg);
-moz-transform: skew(-2deg);
-webkit-transform: skew(-2deg);
background:#ccc;
margin-top:40px;
margin-left: 4%;
}
.glyphicon-play
{
font-size: 10px;
padding-right: 3px;
color:#525253;}
.side-menu
{
width: 100%;
border-radius:6px;
transform: skew(5deg);
-o-transform: skew(5deg);
-moz-transform: skew(5deg);
-webkit-transform: skew(5deg);
background:#faf9f9;
border:1px solid #525253;
}
.side-menu2
{

transform: skew(-3deg);
-o-transform: skew(-3deg);
-moz-transform: skew(-3deg);


-webkit-transform: skew(-3deg);

padding: 15px 15px;

}

	
.side-menu .nav > li > a
{
position: relative;
display: block;
padding: 5px 5px;
color:#525253;	
border-radius:10px;
}
.side-menu .nav > li > a:hover
{

background:#f19e36;
color:#fff;}
.side-menu .nav > li > a:hover .glyphicon-play
{
color:#fff;}
.side-menu2 .dif-font 
{
font-size:14px;
}
.login
 { background: url(../img/login-btn.jpg) top right no-repeat;
  font-size: 12px;
  padding: 15px 0;
  margin-top: 30px;
  margin-right: -3%;
  background-size: 100% 100%;}
.login h4
{  padding-left: 31%;
  padding-top: 0px;
  margin-bottom: 5px;
  color: #f19e36;

  font-size: 14px;}
.login p
{  padding-left: 29%;
  font-size: 12px;
  width: 85%;
  text-align: center;}
.login a
{margin-left: 33%;
background:url(../img/blue-btn.jpg) no-repeat;
width: 47%;
color:#fff;
  background-size: 100% 100%;
}
.login a:hover
{
color:#fff;
background:url(../img/orange-btn.jpg) no-repeat;
  background-size: 100% 100%;
}
.social-media
{
margin-top:30px;
margin-left: 8%;
}

.social-media h4
{
color:#f19e36;
}

.social-media li
{
list-style:none;
float:left;
padding:5px 3px;
 -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}
.social-media li:hover
{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
}
.social-media ul
{
margin-left:-35px;
}
.invest
{
margin-bottom:30px;
margin-top:30px;
margin-left: 8%;}
/*********************************************************/
.charts ul
{
margin-top:5px;
margin-left: 0;}
.charts li
{
padding:10px 0px;
color:#103161;
font-size:18px;}
.charts .dif-color
{
color:#f19e36;}



/********************************************************/
.body-cont h2
{
font-size:24px;
color:#103161;
margin-bottom:5px;
margin-top:10px;}

.news-link-bg
{
 background: linear-gradient(180deg, #e0dfdf, #fff) ;
   padding:10px 10px;
 
 padding-bottom: 0px;
   margin-bottom:40px;
 z-index: 10000;
 position: relative;
}

.news-link
{

background: -webkit-linear-gradient(15deg, #eae9e9 , #fff 40%); 
    background: -o-linear-gradient(15deg, #eae9e9 , #fff 40%); 
    background: -moz-linear-gradient(15deg, #eae9e9 , #fff 40%); 
      border-bottom:10px solid #fff; 
background: linear-gradient(28deg, #eae9e9 , #fff 60%);
min-height:300px;
	}
.news-link ul
{
padding-top:20px;
padding-bottom:20px;
-webkit-padding-start: 0px;
}
.news-link .adress1 ul, .news-link .adress ul
{-webkit-padding-start: 60px;}
.news-link li
{
list-style:none;
padding:7px 5px;
width: calc( 100% - 10px );
margin: auto;
}
.news-link a
{
color:#474748;
}
.news-link .glyphicon-arrow-right
{color:#8b8b8b;
padding-right:5px;}
.news-link a:hover
{
text-decoration:none;
color:#f19e36;
}
.news-link a:hover .glyphicon-arrow-right
{
color:#f19e36;
}
.shadow
{
margin-left: -2%;
    
margin-top: -33%;
    position: absolute;
    width: 105%;
}
.shadow img
{width:105%;
margin-left:-2%;}
.news-link-bg li:nth-child(even), .news-link-bg tr:nth-child(even) 
{
background:#edebeb;}
/*****************************************/
.top-five
{
width:100%;
margin-top:20px;
margin-bottom:20px;
}
.top-five .nav-tabs > li
{
margin-left: 3%;}
.top-five .nav-tabs > li > a
{
color:#f19e36;
font-size:20px;
padding: 1px 25px;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
}
.top-five .nav-tabs > li.active > a
{
color:#fff;
background:#103161;}
.tab-pane
{
height:220px;
overflow:auto;}
.tab-pane table
{
width:100%;
margin-top:20px;
text-align:center;}
.nav-tabs
{border-bottom: 0px solid #ddd;
margin-left:-17px;}
.tab-content
{
border: 1px solid #8b8b8b;
border-top-right-radius:10px;
border-top-left-radius:0px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;

overflow: hidden;
}
.top-five th, .top-five td
{
text-align:center;}
.top-five th
{
padding-bottom:15px;
color:#434344;}
.top-five td
{
padding:3px;
color:#103161;}

.trade-summery 
{
border: 1px solid #8b8b8b;
border-radius:10px;
width:100%;
margin-top:20px;
margin-bottom:20px;
padding:5px 0px;
font-size:14px;

}
.trade-summery table
{
width:96%;
height:70px;
margin:auto;
text-align:center;

}
.mini-table
{
background:#edeeef;}
.mini-table th
{
border-bottom:1px solid #f19e36;
color:#434344;
text-align:center;}
.mini-table td
{
color:#103161;}
/*****************************************************************/
.content-footer
{
background:#103161;
border-bottom:1px solid #f19e36;
border-top:1px solid #f19e36;
}
.content-footer li
{
list-style:none;
float:left;
padding:10px 10px;
color:#fff;
}
.content-footer ul
{
margin:auto;
text-align:center;}
.content-footer a
{
color:#fff;
display:block;}
.footer-top
{
text-align:center;
margin-left: 16%;

}
.footer-bottom
{
background:#fff;
font-size:14px;
margin:auto;}
.footer-bottom .row
{
width:90%;
margin:auto;}
.footer-bottom a
{
font-size:14px;
float:right;
color:#434344;
}
.footer-bottom p
{

font-size:14px;
color:#434344;
padding-top:10px;}
.footer-bottom .dif-color
{
color:#f19e36;}

/****************************************************************************/

/****************************************************************************/

.adress
{
width:80%;
margin:auto;}
.adress p
{
float:left;
color:#474748;
margin-bottom: -30px;
margin-right: 7px;
}


.adress li:first-child
{
padding-top:0;}
.adress1
{
width:80%;
margin:auto;
margin-top: 20px;}
.floating
{
float:left;}
.adress1 p
{
float:left;
color:#474748;
margin-bottom: -30px;
}
.main-adress
{
    width: 80%;
    float: left;
    margin-left: 19%;
    margin-top: -18px;
    padding-top: 0;
	font-size:14px;
	color:#838485;
	border-top: 1px dotted #bebebe;
}
.main-adress1
{
    width: 80%;
    float: left;
    margin-left: 19%;
    margin-top: -18px;
    padding-top: 0;
	font-size:14px;
	color:#838485;
}
.main-adress li ,.main-adress1 li
{
display:block;
}

.main-adress1 .table1 {
  margin-top: 0;
  margin-left: 0%;
}
.main-adress .table2
{
margin-top: -19px;
margin-left: 25%;
width: 100px;
margin-right: 20px;
}
.adress1 li,.adress li
{
padding: 0px 5px;}
.adress1 li:first-child
{
padding-top:0;}

.adress .dif-color ,.adress1 .dif-color
{
color:#f19e36;}
.map
{
margin:auto;
border:#dddcdc 4px solid;
width: 80%;
height: 175px;
}
.news-link-bg  .main-adress li:nth-child(even) , .news-link-bg  .main-adress1 li:nth-child(even) ,
.news-link-bg  .main-adress tr:nth-child(even) , .news-link-bg  .main-adress1 tr:nth-child(even) 
{

background:none !important;
}
.contact-details
{
width:80%;
margin:auto;
margin-top:30px;
margin-bottom:30px;
}
.contact-details h4
{
font-size:18px;
color:#f19e36;
padding-bottom:10px;
margin-bottom:0;
margin-top:0;}
.contact-details label
{
color:#838485;
font-size:16px;
font-weight:400;
text-align:left;
width:30%;}
.contact-details .form-control
{
border-radius:0;
border:1px #8b8a8a solid;
}
 
.contact-details .form-horizontal .control-label
{
padding-top:3px;}
.dif-height
{
height:35px;}
.contact-details .btn
{
float:left;
width:75px;
height:26px;
border-radius:0;
background:url(../img/sm-blue-btn.png) no-repeat;
color:#fff;
border:0px solid #333;
padding:3px 12px;
margin-right: 10px;
margin-bottom: -20px;
}
.contact-details .btn:hover
{
background:url(../img/sm-orange-btn.png) no-repeat;}
.contact-btn
{
padding-left: 51%;}

/**********************************************************************/

/**********************************************************************/
.downloads
{
margin-bottom:40px;}
.downloads img
{
margin-right: 0;}
.downloads .col-md-4
{
text-align:right;}

/*********************************************************************/

/*********************************************************************/

.about-pic
{
float:right;
padding:30px 5px;
padding-right:40px;}
.about-txt
{
padding:10px 40px;
color: #474748;
line-height: 32px;
font-size: 16px;}

/*******************************************************************/

/*******************************************************************/
.dif-style
{
float:right;
color:#f19e36;
padding-right:10px;
}

/*******************************************************************/

/*******************************************************************/

.news-title
{
font-size:24px;
color:#103161;
margin-bottom:5px;
margin-top:10px;
float:left;
}
.navigator
{
width: 60%;
margin: auto;
margin-right: 0;
background: #eee;
border-radius: 5px;
margin-bottom: 6px;
border: 1px solid rgba(170,170,170,0.7);
margin-top: 15px;
height:28px;
}
.navigator p
{
float: left;
margin-top: 4px;
padding-left: 10px;
font-size: 14px;
color: #8b8b8b;
font-weight: 600;
margin-bottom:0;}

.navigator .pagination
{
margin: 0px 20px;
float: right;
margin-bottom:0;}

.navigator .pagination > li > a {
position: relative;
float: left;
padding: 3px 7px;
margin-left: -1px;
line-height: 1.42857143;
color: #8b8b8b;
text-decoration: none;
background-color: #eee;
border: 0px solid #ddd;
font-weight:600;
font-size:14px;
}
.pagination > li > a:hover
{
color: #f19e36;
text-decoration:none;
}
.news-date
{
  color: #ababab;
  /* float: right; */
  font-size: 14px;
  padding-right: 10px;
  display: block;
  padding-left: 4%;}

/*******************************************************************/

/*******************************************************************/

.more ,.more-link .more
{
display:block;
text-align:right;
color:#f19e36;
font-size:12px;
padding-bottom:30px;
padding-right:40px;
margin-top:-30px;}



.more2
{
display: block;
text-align: right;
color: #f19e36;
font-size: 12px;
padding-bottom: 15px;
padding-right: 32px;}

.more:hover ,.more-link .more:hover 
{
color: #2a6496;
text-decoration: underline;}
.researches-table .dif-align
{
text-align:left;
padding-right: 5px;
width: 75%;}
.researches-table .dif-td
{
width:50px;
text-align:left;}

.researches-table tr
{
  width: calc( 100% - 20px );
  margin: auto;
  display: block;
  padding: 5px;
}
/*******************************************************************/

/*******************************************************************/


.trade-pic
{
float:right;
width:144px;
margin:15px 20px;

margin-top:60px;
margin-right:30px;
height:116px;
border:2px solid #103161;}
.trade-txt
{
padding: 50px 40px;
color: #474748;
line-height: 26px;
font-size: 16px;}

.quick-acces
{
margin-right:0;
text-align:right;
margin-bottom:3px;
margin-top:20px;}
.quick-acces .btn
{
background:url(../img/access-btn.png) no-repeat;
width:79px;
height:29px;
color:#fff;
font-size:12px;
padding: 4px 6px;
}
.quick-acces .btn:hover
{
background:url(../img/access-btn-over.png) no-repeat;}
.quick-acces label
{
color:#f19e36;
font-size:14px;
font-weight:400;}

/*******************************************************************/

/*******************************************************************/

.research-date
{
color:#ababab;
float:right;
font-size:14px;
padding-right:10px;}

.research-date img
{
margin-left:15px;}



/*******************************************************************/

/*******************************************************************/

.blocks
{
width:95%;
margin:auto;
text-align:center;
}

.block-cont
{
width:75%;
float:left;
text-align:left;
padding:2px 10px;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
border:1px solid #f19e36;
border-radius:12px;}
.block-cont1
{
width: calc( 78% - 30px );
float:left;
text-align:left;
padding:2px 10px;
margin-left:1%;
margin-right:1%;
margin-bottom:20px;
border:1px solid #f19e36;
border-radius:12px;
margin-top:20px;}

.blocks:nth-child(even) .block-cont1
{
	float:right
}
.block-cont p ,.block-cont1 p
{
color:#525253;
}
.block-cont h4 ,.block-cont1 h4
{
color:#103161;}
.img-cont
{
float:left;
vertical-align:middle;
margin-top: 4%;
}
.img-cont1
{
margin-top: 8%;
width: 20%;
display: inline-block;
}
 .img-cont1 img
 {
 width:100%;}
/************************************************/
.news-link .site-map
{
margin-right:0;}
.disclaimer
{
padding:15px;}
/*********************************************************************/

/*********************************************************************/
.latest-news
{
padding:10px;
padding-left:40px;
padding-right:40px;}
.latest-news h3
{
font-size: 20px;
font-weight: 600;
margin-top: 20px;;
}
.latest-news .row
{
margin-bottom:15px;}
.latest-news .col-md-6
{

padding-left:0;}
.latest-news .font-weight
{
font-weight:600;}
#chartdiv3, #chartdiv, #chartdiv2
{
  width: 133% !important;
}
.amcharts-chart-div, .amcharts-chart-div svg
{
width:100% !important;}
.map iframe
{
  width: 100%;
}
/*********************************************************************/

/*********************************************************************/
.news-link .login-form
{
padding:40px;}
/*************/


@media screen and (max-width: 1024px)
{
.body-cont {
  width: 48%;
  margin-right: 3%;
  margin-left: 2%;
}
.side-menu-bg {
  width: 98%;}
  .side-menu {
  width: 99%;}
    .top-five .nav-tabs > li > a {
  color: #f19e36;
  font-size: 18px;
  padding: 1px 12px;}
  .top-five .nav-tabs > li {
  margin-left: 4%;
}
.mini-table th {
  height: 40px;
}
.trade-summery {
  font-size: 12px;
}
.content-footer li {
  list-style: none;
  float: none;
  display: inline-block;
  padding: 10px 5px;
  color: #fff;
  font-size:12px;
}
.content-footer ul {
  margin: auto;
  display: block;
  text-align: center;
  -webkit-padding-start: 0;
}
.footer-bottom a {
  font-size: 12px;}
  .footer-bottom p {
  font-size: 12px;}
  .search .form-control {
  width: 70%;}
  .dif-style {
  padding-right: 5px;
  font-size:14px;
}
.dif-bg{font-size:14px;
}
}
@media (min-width: 992px){
.logo img {
  width: 100%;
}}
@media (max-width: 992px){
.side-menu {
  width: 100%;
}
.side-menu2 {
  transform: skew(0deg);
  -o-transform: skew(0deg);
  -moz-transform: skew(0deg);
  -webkit-transform: skew(0deg);}
  .side-menu .nav > li > a {
  padding: 5px 0px;
  font-size:12px;}}
    @media (max-width: 766px){
  body {
  font-size:11px;
}
.search input
{
width:200px !important;}
.search a
{
margin:10px;}
.login {
  padding: 25px 0;
}
.login a {
  width: 100px;
}
.login p {
text-align:right;
}
.banner img
{
width:100%;}
.body-cont {
  width: 98%;
  margin-right: 1%;
  margin-left: 1%;
}
.top-five .nav-tabs > li > a {
  font-size: 13px;}
  .content-footer li {
  padding: 10px 2px;
  font-size: 10px;
} 
.about-txt {
  line-height: 24px;
  font-size: 12px;
}
.body-cont h4
{
font-size:12px;}
.adress1 p, .adress p{
  float: none;
  margin-bottom: 0;
}
.main-adress1 .table1, .main-adress .table1{
  margin-top: 0;
  margin-right: 0;
}
.main-adress, .main-adress1
{
font-size:12px;}
.map {
width:80%;
}

.contact-details label {
  color: #838485;
  font-size: 10px;
  font-weight: 400;
  text-align: left;
  width: 100%;
}
.contact-details .btn {   
  margin-bottom: 0;
}
#chartdiv3, #chartdiv, #chartdiv2 {
  width: 97% !important;
}
.news-link .adress1 ul, .news-link .adress ul {
  -webkit-padding-start: 0;
}
.shadow {
  width: 100%;
}
.search .img-margin {
  margin-left: 0;
  width: 100%;
}
.forms {
  width: 100%;
  margin-left: 0;
}
.search {
padding-bottom:20px;
}
.search label {
line-height:33px;
}
.search .form-control {
  margin-bottom: 10px;
}
.search .arabic {
  text-align: right;
  margin-left: 11%;
}}