* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;}


a {text-decoration: none;}

ul .nav {
  position: relative;
}
.nav li { list-style: none;  }
.nav > li { padding: 0; float: right; /*position: relative;*/ }
.nav > li:hover > div.container-4 { display: block; }

/* MEGA DROP DOWN */

.nav > li > div.container-4 {
	position: absolute;
	right: 0;
	top: 308px;
	display: none;
	background: #fff;
	padding: 10px 5px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	overflow: hidden;
	background:#fff;
	color:#000;
	z-index:101;
	border: 1px solid #d6d6d6;
	border-top:5px solid #f9ab53;
}
.nav > li.left > div.container-4 {
	left:0;
}
.nav > li:hover > a { background:  #f89728;color:#fff; }
.nav > li > div.container-4 p { color: #666; direction:rtl; text-align:right;}
.nav > li > div.container-4 li { height:auto; color: #666; direction:rtl; text-align:right; display:block; width:100%;padding:5px 0; }
.nav > li > div.container-4 li a{ list-style:none; display:block; color:#000;font-size: 15px;}
.nav > li > div.container-4 a img{width:inherit; border:1px solid #ccc; margin:0 10px 10px 0;/*max-width: 80px;max-height: 128px;*/}
.nav > li > div.container-4 li a:hover{ color:#f89728;}
.container-1, .container-2, .container-3, .container-4 { font-size: 80%; }


/* COLUMNS */
.col1,.col2,.col3,.col33,.col4,.col5,.col6 { margin: 0; float: right; padding: 0 10px; direction:rtl;}
.col6 {
    padding: 0 3px;
}

	.container-4 { width: 1000px; }
	.container-4 .col1 {float:right; direction:rtl; width: 25%; }
	.container-4 .col2 {float:right; direction:rtl; width: 50%; }
	.container-4 .col3 {float:right; direction:rtl; width: 75%; }
	.container-4 .col33 {float:right; direction:rtl; width: 20%; }
	.container-4 .col4 {float:right; direction:rtl; width: 100%; }
    .container-4 .col6 {float:left; direction:rtl; width: 60%; }

/* HIGHLIGHTS */

.container-3 .highlighted { 
	width: 400px; 
	margin-left: -20px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}
.container-4 .highlighted { 
	width: 500px;
	margin-left: -10px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}
.container-4 .dropHeader{
	text-align:right;
	direction:rtl;
	line-height: 33px;
	margin-bottom: 10px;
}
.container-4 .dropHeader a {
	padding:5px 10px;
	border-radius:5px;
	margin:0 0px;
	text-align:right;
	 background:  #f89728;
	 color:#fff;
}
.container-4 .dropHeader a:after {
	content:"";
	width:20px;
	height:20px;
	background:red;
	display:inline-block;
	background:url(images/arrow2.png) no-repeat;
	background-size:contain;
	position: relative;
	top: 5px;
	
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* SMALL DROP DOWN*/
.container .topNav .about {
    position: relative;
}

.topNav > li > div.dropMenu {
	position: absolute;
	/*right: 34px;*/
      margin-right: 30px;
    text-align: right;
    top: 30px;
    width: 120px;
	display: none;
	background: #fff;
	padding: 10px 5px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	overflow: hidden;
	background:#fff;
	color:#000;
	z-index:101;
	border: 1px solid #d6d6d6;
	border-top:3px solid #f9ab53;
}

.topNav > li:hover > div.dropMenu { display: block; }
.topNav > li > div.dropMenu a{ width: 100%; display:block; color:#000;}
.topNav > li > div.dropMenu a:hover{ color:#f89728;}