
/* ----------- Drop down menu Begin ------------- */
nav {display: block; width: 100%; min-height: 84px; border: 0; /* height: 100px; border-bottom: #4a682c 2px solid;*/  z-index: 8000;}

.btn-tv {display: block; float: left; width: 130px; height: 32px; line-height: 32px; background-color: #d20e27; color: #fff; font-weight: bold; text-align: center; font-size: 15px; border-radius: 3px;}
.btn-tv2 {display: block; float: left; width: 130px; height: 32px; line-height: 32px; background-color: #d20e27; color: #fff; font-weight: bold; text-align: center; font-size: 15px; border-radius: 3px;}
.btn-tv:hover, .btn-tv2:hover {background-color: #e6213a; color: #fff;}

/*.btn-dropdown {display: block; float: left; width: 38px; height: 32px; line-height: 32px; margin-right: 8px;}*/
.btn-dropdown {display: block; float: left; width: 38px; height: 32px; line-height: 32px; margin-right: 8px;}
.btn-dropdown button {width: 100%; height: 100%; border: #C0C0C0 1px solid; border-radius: 3px; cursor: pointer;}

.btn-dropdown-list {display: none; position: relative; width: 180px; border: #C0C0C0 1px solid; background: #fff; padding: 10px 15px; border-radius: 3px; z-index: 99999;}
.btn-dropdown-list li {list-style-type: none; display: block; font-size: 14px; color: #000; padding: 0; margin: 0; text-align: right;}
.btn-dropdown-list li a {display: block; border-bottom: #C0C0C0 1px dashed; line-height: 24px;}
.btn-dropdown-list li:last-child a {border-bottom: 0;}
.btn-dropdown-list li.sub2 {padding-right: 15px;}

nav .menu {position: relative; width: 1210px; max-width: 100%; margin: 0 auto; height: 44px; padding-right: 5px; font-family: 'Droid Arabic Naskh', Calibri,Arial, Tahoma; /*float: left; overflow: hidden;*/}
nav .menu ul {white-space: nowrap; z-index: 8100; right: 0;}
nav .menu ul li.home a {background-color: #646464; color: #fff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
nav .menu ul li.home a:hover {background-color: #8eb92a; color: #fff;}
nav .menu ul li {display: inline-block; position: relative; font-size: 14px;}
nav .menu ul li a {display: block; padding: 6px 14px 4px 14px; color: #F0F0F0; line-height: 27px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
nav .menu > ul > li > a { font-family: 'Droid Arabic Naskh', Calibri,Arial, Tahoma;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
/*nav ul li:hover > a {background-color: #8eb92a; color: #fff;}*/
nav .menu ul li:hover > a {background-color: #D0D0D0; color: #161616;}
nav .menu ul li:hover > ul li {height: 37px;}
nav .menu ul li ul li {font-size: 14px;}

/* Sub menu level 1 */
nav .menu ul ul {width: 220px; top: 40px; right: 0; position: absolute; background-color: #5f6975; border-top: #015e64 1px solid;}
nav .menu ul ul li {display:block; padding: 0;
	height: 0; overflow: hidden;
	-webkit-transition: height 0.3s ease-in;
	-moz-transition: height 0.3s ease-in;
	-o-transition: height 0.3s ease-in;
	-ms-transition: height 0.3s ease-in;
	transition: height 0.3s ease-in;
}
nav .menu ul ul li a {display: block; padding: 4px 10px; color: #F0F0F0; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; border-right: none;}
/*nav ul ul li:hover > a {background-color: #8eb92a; color: #fff;}*/
nav .menu ul ul li:hover > a {background-color: #D0D0D0; color: #161616;}
nav .menu ul ul li:hover {overflow: visible;}
nav .menu ul ul li:hover > ul {width: 220px;}

/* Sub menu level 2 */
/*nav ul ul ul li:first-child {height: 36px;}*/
/*nav ul ul ul li:first-child a {padding-top: 4px;}*/
nav .menu ul ul ul {display:block; right: 220px; top: -1px; position: absolute; background-color: #5f6975; border-right: #9d9e9f 1px solid;
	width: 0; overflow: hidden;
	-webkit-transition: width 0.3s ease-in;
	-moz-transition: width 0.3s ease-in;
	-o-transition: width 0.3s ease-in;
	-ms-transition: width 0.3s ease-in;
	transition: width 0.3s ease-in;
}
nav .menu ul:after {content: ""; clear: both; display: block;}

nav .menu .search {width: 40px; height: 38px; position: relative; float: left; cursor: pointer; text-align: center; padding: 5px 8px; /*background-color: #646464;*/ z-index: 8500;}
nav .menu .search img {width: 24px; height: 24px; margin-top: 3px;}

nav .menu .search_input {display: none; width: 250px; max-width: 90%; height: 32px; position: absolute; left: 45px; margin-top: 5px; z-index: 8600;}
nav .menu .search_input input {width: 100%; height: 100%; border: 0; border-radius: 5px; padding: 0 10px; background-color: #fff;}
/* ------------- Drop down menu End ------------*/


.topnav-1 {background-color: #d2b704; text-align: center;}
.topnav-1 img {max-width: 100%;}
.topnav-2 {background-color: #d2b704; text-align: center; height: 44px; padding: 8px 8px 0 8px;}
.topnav-2 .nav-item {display: block; width: 100%; min-height: 40px; max-width: 100%; margin: 0 auto;}
.topnav-3 {background-color: #6f6f6f; text-align: center;}

.nav-left {display: block; float: left; padding-top: 5px; width: 242px; margin: 0; color: #000; font-size: 16px;}
.nav-left a {color: #000;}
.nav-left a:hover {color: #E7F4E1;}
.nav-left ul li {width: 38px; list-style-type: none; display: block; float: left; border-right: #F0F0F0 1px solid; text-align: center;}
.nav-left ul li a {display: block; padding: 0px 6px;}
.nav-left ul li:last-child {border-right: none;}
.nav-left ul li img {max-height: 20px; vertical-align: bottom;}
/*.nav-right {display: block; float: left; min-height: 40px; width: 150px; margin: 0 auto;}*/
                                         
/*.marquee-news {display: block; background-color: #e4dfc8; float: left; width: calc(100% - 322px); height: 32px; border-radius: 2px; padding: 5px 10px 0 10px; margin: 0 8px; font-size: 14px; overflow: hidden;}*/
.marquee-news {display: block; float: left; background-color: #e4dfc8; width: calc(100% - 62px); height: 32px; border-radius: 2px; padding: 5px 10px 0 10px; margin: 0 8px; font-size: 13px; font-weight: normal; overflow: hidden;}

/*.top-marquee {float: right; width: calc(100% - 45px); height: 28px; padding: 4px 5px 0 5px; background-color: #fff; border: #969696 1px solid; overflow: hidden;}*/
.top-marquee {display: block; float: left; background-color: #e4dfc8; width: calc(100% - 502px); height: 32px; border-radius: 2px; padding: 5px 10px 0 10px; margin: 0 8px; font-size: 13px; font-weight: normal; overflow: hidden;}
.marquee-container * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.marquee-container { width: 100%; display: inline-block; overflow: hidden; box-sizing: border-box; height: 18px; position: relative; cursor: pointer; }
.marquee-container .marquee, .marquee-container *[class^="marquee"] {display: inline-block; white-space: nowrap; position:absolute; }
.marquee-container .marquee-content-items{display: inline-block; padding: 0; margin: 0; height: 18px; position: relative;}
.marquee-container .marquee-content-items li{display: inline-block; line-height: 18px; padding: 0 5px 0 30px; /*border-right: #000080 3px solid;*/}
.marquee-container .marquee-content-items li a {line-height: 18px; font-size: 13px; font-weight: normal;}


.mn-highlight a {color: #fff !important;}