/* HTML Elements */

* {
	margin:0;
	padding:0;
	outline:none;
	}


html {
/*Firefox scrollbar fix*/
	}
	
body {
/*Firefox scrollbar fix*/
	}

body  {
	  vertical-align:baseline; color:#666 !important; font-family:'DINNEXTARABICREGULAR', Arial !important; font-size:16px; background:#fff url(../images/bg_header.png) top center repeat-x; }
	  
	  body  
	  { overflow-x:hidden
	  }

      @font-face{ font-family:'DINNEXTARABICBOLD';
 font-style:normal; src:url(fonts/DINNEXTARABICBOLD.eot?#iefix) format('embedded-opentype'),
 url(fonts/DINNEXTARABICBOLD.woff) format('woff'),url(fonts/DINNEXTARABICBOLD.ttf) format('truetype');}

 @font-face{ font-family:'DINNEXTARABICREGULAR';
 font-style:normal; src:url(fonts/DINNEXTARABICREGULAR.eot?#iefix) format('embedded-opentype'),
 url(fonts/DINNEXTARABICREGULAR.woff) format('woff'),url(fonts/DINNEXTARABICREGULAR.ttf) format('truetype');}



ul,li
{
  border:0;
  font-size:100%;
  margin:0 auto;
  padding:0;
  list-style: none;
}



/* -------------------------------- 
  
   multilevil  collapse
  
  -------------------------------- */
.head-collappse-title{
	margin-block-end: 20px;
}

  input {
	font-family: "Jaldi", sans-serif;
	font-size: 1.6rem;
  }
  
  
  
  .cd-accordion-menu ul {
	/* by default hide all sub menus */
	display: none;
  }
  .cd-accordion-menu li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	   
  
  }
  .cd-accordion-menu input[type=checkbox] {
	/* hide native checkbox */
	position: absolute;
	opacity: 0;
  }

.sub-item-details{
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 40px;
	line-height: 20px;
}

.sub-item-details .fa{
	color: #b7b7b7;
	font-size: 22px;
}
  .sub-item-right-details{
    float: right;
    width: 70%;
  }
  .sub-item-left-details{
	width: 25%;
	float: right;
	text-align: left;
	}
  .cd-accordion-menu label, .cd-accordion-menu a {
	position: relative;
	display: block;
	padding: 5px 0;
  
	color: #ffffff;
	font-size: 1.6rem;
  }
  .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
	background: #52565d;
  }
  .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
	/* icons */
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
  }
  .cd-accordion-menu label {
	cursor: pointer;
	 background-color: #1f619e;
		 margin: 0;
	  border: 1px solid#fff;
  }
  .cd-accordion-menu label::before, .cd-accordion-menu label::after {
	background-image: url(../img/cd-icons.svg);
	background-repeat: no-repeat;
  }
  .cd-accordion-menu label::before {
	/* arrow icon */
	left: 18px;
	background-position: 0 0;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-moz-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	-o-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
  }
  .cd-accordion-menu label::after {
	/* folder icons */
	left: 41px;
	background-position: -16px 0;
  }
  .cd-accordion-menu a::after {
	/* image icon */
	left: 36px;
	background: url(../img/cd-icons.svg) no-repeat -48px 0;
  }
  .cd-accordion-menu input[type=checkbox]:checked + label::before {
	/* rotate arrow */
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
  }
  .cd-accordion-menu input[type=checkbox]:checked + label::after {
	/* show open folder icon if item is checked */
	background-position: -32px 0;
  }
  .cd-accordion-menu input[type=checkbox]:checked + label + ul,
  .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
	/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
	/* show children when item is checked */
	display: block;
	padding-right: 10px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
	  background: #fdfeff;
	  padding-left: 82px;
	  color: #000;
	  border-bottom: 1px solid#a7a7a7;
	  font-size: 18px;
  }
  .no-touch .cd-accordion-menu ul label:hover, .no-touch
  .cd-accordion-menu ul a:hover {
		background: #fafcff;
		padding-left: 82px;
		color: #000;
  }
  .cd-accordion-menu > li:last-of-type > label,
  .cd-accordion-menu > li:last-of-type > a,
  .cd-accordion-menu > li > ul > li:last-of-type label,
  .cd-accordion-menu > li > ul > li:last-of-type a {
	box-shadow: none;
  }
  .cd-accordion-menu ul label::before {
	left: 36px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
	left: 59px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
	padding-left: 100px;
  }
  .cd-accordion-menu ul ul label::before {
	left: 54px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
	left: 77px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
	padding-left: 118px;
  }
  .cd-accordion-menu ul ul ul label::before {
	left: 72px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
	left: 95px;
  }
  
  
  
  
  .cd-accordion-menu.animated label::before {
	/* this class is used if you're using jquery to animate the accordion */
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
  }



.accordion-head{
	padding: 8px 20px;
}
.accordion-head span{
font-size: 14px;
}
.accordion-head h2{
	font-size: 20px;
}
.sub-item-details span{
	font-size: 20px;
	margin-right: 10px;
}

textarea {
	font-family:'DINNEXTARABICREGULAR', Arial !important;
	}

input {
	 font-family:'DINNEXTARABICREGULAR', Arial !important;
	}

select {
	font: 12px; font-family:'DINNEXTARABICREGULAR', Arial !important;
	}

a { text-decoration:none;}
a:hover { text-decoration:underline;}


/* -------------------------------- 
  
  end  multilevil 
  
  -------------------------------- */




textarea {
	font-family:'DINNEXTARABICREGULAR', Arial !important;
	}

input {
	 font-family:'DINNEXTARABICREGULAR', Arial !important;
	}

select {
	font: 12px; font-family:'DINNEXTARABICREGULAR', Arial !important;
	}

a { text-decoration:none;}
a:hover { text-decoration:underline;}


ul{
	margin:0px auto;
	padding:0px;
}

li{
	
}

a:visited img {
	border:0;
	}

a:link img {
	border:0;	}
img {
	border:0;
	}
	
h1, h2, h3, h4, h5, h6   { font-family:'DINNEXTARABICBOLD' !important; }
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


.panel-default{
	display: block;
    height: auto;
    padding: 20px 0;
}



.threcolum   { width:31%; margin:2% 1% 1%; float:left; position:relative; }
.fourcolum   { width:23%; text-align:center; margin:2% 1% 1%; float:left }
.header     { width:100%; float:right; position:relative; z-index:102; padding:8px 0 0; margin:0; border-top:8px #063563 solid }
.menubar     { width:100%; float:right; margin:0; position:relative; z-index:101; background:#002b55 }
.nocaces       { width:100%; float:right; background:#fff; padding:20px 0 0; position:relative; z-index:0 }
	.nocaces h1 {
		text-shadow: none !important;
		float: right;
		width: 100%;
		text-align: center;
		font-size: 26px;
		color: #002b55;
		margin: 0 0 20px;
		font-family: 'DINNEXTARABICBOLD';
	}

.lightblue h1 {
	text-shadow: none !important;
	float: right;
	width: 100%;
	text-align: center;
	font-size: 26px;
	color: #002b55;
	margin: 0 0 20px;
	font-family: 'DINNEXTARABICBOLD';
}



.lightblue       { width:100%; float:right; background:#ebf1f5; padding:20px 0; position:relative; z-index:0 }
.footerzone     { width:100%; float:right; margin:0; background:#002b55 }
.copyright     { width:100%; float:right; padding:14px 0; margin:0; background:#fff; text-align:center }
.bggridmenu   { width:100%; float:right; height:6px; background: linear-gradient(-90deg, #3181c8, #002b55);
 background-size: 100% 100%; }

.logo {
	margin: 18px 0 0;
	float: right;
	width: 100%
}
.logo img {
	 
	max-width: 180px
}
.whitenote  { float:right; width:100%; background:#fff; text-align:center; border-bottom:3px #002b55 solid; margin:0 0 15px; padding:15px;
              -webkit-box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1);
}
.whitenote img  { width:auto; max-width:90px;  margin:0 0 5px; display:inline-block  }
.whitenote h3  {width:100%;  margin:0 0 8px; display:inline-block; color:#3181c8; font-size:20px;  }
.whitenote p  {width:100%;  margin:0 0 8px; display:inline-block; height:110px; overflow:hidden; line-height:22px;   }
	.whitenote a {
		width: auto;
		display: inline-block;
		border-radius: 3px;
		height: 36px; font-size:15px; 
		line-height: 30px;
		background: #3181c8; padding:0 15px;
		color: #fff !important;
		text-decoration: none !important
	}

.transnote  { float:right; width:100%; text-align:center; margin:0 0 15px; padding:20px;
            
}
.transnote img  { width:auto; max-width:120px !important; top:0 !important; width:auto !important;  margin:0 0 10px; display:inline-block; position:relative !important; 
                  transform: translateY(0) translateX(-50%) !important;
     -webkit-transform: translateY(0) translateX(-50%) !important;
}
.transnote h2  {width:100%;  margin:0 0 15px; display:inline-block; color:#fcd300; font-size:1.3em; height:60px; line-height:30px; font-family:'DINNEXTARABICBOLD';  }
.transnote p  {width:100%;  margin:0 0 15px; display:inline-block; color:#fff; height:110px; overflow:hidden; line-height:22px;   }
.transnote a  {width:auto; float:left; font-size:36px; color:#ffd200  }
.transnote a:hover  {color:#fff  }



.bgthrehome {
	float: right;
	width: 100%;
	padding:20px 0 0;
	overflow: hidden;
	position: relative;
	margin: 0 0 20px;
	background: #fff;
	border-bottom: 3px #002b55 solid;
	-webkit-box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1);
	box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1);
}

.imgshowon {
	float: right;
	width: 100%; height:269px; overflow:hidden; position:relative;
	text-align: center;
	margin: 0 0 20px;
	
}

	.imgshowon img {
		 position:absolute; top:50%; left:50%; z-index:1; height:269px; width:auto; min-width:100%; 
		transform: translateY(-50%) translateX(-50%) !important;
		-webkit-transform: translateY(-50%) translateX(-50%) !important;
	}

	.bgthrehome h3 {
		float: right;
		font-size: 19px;
		color: #333;
		width: 100%;
		border-bottom: 1px #ddd solid;
		padding: 0 0 14px;
		margin: 0 0 12px;
	}

	.bgthrehome p {
		width: 100%;
		margin: 0 0 8px;
		display: inline-block;
		height: 176px;
		overflow: hidden;
		line-height: 22px;
	}
.bgthrehome span   { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background:rgba(0,43,85,0.7);
                     -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}


.bgthrehome:hover > span  { background:rgba(0,43,85,0.9); -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s; }




.titlecentered    { float:right; width:100%; text-align:center; font-size:1.4em; color:#002b55; margin:0 0 20px; font-family:'DINNEXTARABICBOLD'; }
.titleright    { float:right; width:100%; text-align:right; font-size:1.4em; color:#002b55; margin:0 0 20px; font-family:'DINNEXTARABICBOLD'; }
.titlesidbar    { float:right; width:100%; text-align:right; font-size:1.3em; color:#002b55; margin:0 0 20px; font-family:'DINNEXTARABICBOLD'; }
.sliderhome   { float:right; width:100%; position:relative;   }

.filratopn   { position:absolute; z-index:100;  bottom:5px; left:0; width:100% }

a.stratgy   { float:left; width:auto; margin:7px 10px 10px;   }
.footertitles     { float:right; width:100%; margin:12px 0; color:#ffd200; font-size:1.2em; font-family:'DINNEXTARABICBOLD'; }
.listfooter    { float:right; width:100%; margin:0 0 20px }
.listfooter ul    { float:right; width:100%; margin:0 }
.listfooter li    { float:right; width:100%; list-style:none }
.listfooter li a    { float:right; width:auto; line-height:20px; padding:4px 0; min-height:20px; font-size:0.9em; color:#a3abb7; }
.listfooter li a:hover    { color:#fff; text-decoration:none; }
	.listfooter li a span {
		
		color: #a3abb7;
	}

	.listfooter li a:hover span {
		color: #fff;
	}


.listfooterlinks {
	float: right;
	width: 100%;
	margin: 0 0 20px
}

	.listfooterlinks ul {
		float: right;
		width: 100%;
		margin: 0
	}

	.listfooterlinks li {
		float: right;
		width: 50%;
		list-style: none
	}

		.listfooterlinks li a {
			float: right;
			width: auto;
			line-height: 20px;
			padding: 4px 0;
			min-height: 20px;
			font-size: 0.9em;
			color: #a3abb7;
		}

			.listfooterlinks li a:hover {
				color: #fff;
				text-decoration: none;
			}

			.listfooterlinks li a span {
				color: #a3abb7;
			}

			.listfooterlinks li a:hover span {
				color: #fff;
			}

.partnnerzone   { float:right; width:100%; position:relative; height:100px; overflow:hidden; }
.partnnerzone img  { position:absolute; width:auto !important; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1; max-height:90px; 
     -webkit-transform: translateY(-50%) translateX(-50%);
}
.footericons  { float:left; width:auto; margin:0; position:relative; text-align:left; direction:ltr }
.footericons ul  { margin:0; }

.footericons li {
    float:none; list-style:none;
    padding:0; width:auto; display:inline-block;
    position:relative; margin:0 0 0 5px;
}

.footericons li a {
    color:#999; padding:0;
    display:block; width:30px; height:30px;
    font-size:90%; line-height:30px;
    position:relative; text-align:center;
    text-decoration:none; border-radius:3px; 
}

.footericons li a:hover { background-color:#fff !important }

.footericons i    { font-size:20px !important; height:30px; line-height:30px; }

.facebook     {  }
.facebook:hover     {  background:#fff; color:#496fa4 !important }
.twitter     {  }
.twitter:hover     {   background:#fff; color:#1cb7eb !important }
.youtube     {    }
.youtube:hover     {   background:#fff; color:#e62f27 !important }
.linkedin     {    }
.linkedin:hover     {   background:#fff; color:#b46202 !important }

.videohome   { float:right; width:100%; height:290px; overflow:hidden; position:relative; margin:0 0 20px; }
.videohome p   { position:absolute; bottom:0; left:0; width:100%; margin:0; z-index:2; background:#3181c8; border-bottom:5px #3181c8 solid; color:#fff; font-size:16px; padding:0 15px 0 60px; text-align:justify; min-height:30px; line-height:20px; text-align:right; 
                     -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.videohome img  { position:absolute; width:auto !important; max-width:120%; min-width:100%; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1; height:290px; 
     -webkit-transform: translateY(-50%) translateX(-50%);
    
}

.videohome a  { position:absolute; width:100%; left:0; top:0; z-index:3; height:100%; background: url(../images/playyoutube.png) center center no-repeat;}

.eventzone   { float:right; width:100%; position:relative; overflow:hidden; background:#fff; height:292px; border-bottom:3px #3181c8 solid; margin:0 0 25px; 
               -webkit-box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1);
     -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.eventzone:hover   {  background:#3181c8; 
               -webkit-box-shadow: 0 2px 5px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 5px 3px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px 3px rgba(0,0,0,0.3);
     -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.eventzone a  { position:absolute; width:100%; left:0; top:0; z-index:4; height:100%;}
.eventzone span  { position:absolute; width:60px; padding:10px; text-align:center; border-radius:3px; background:#ffd200; color:#fff; left:12px; font-size:14px; top:12px; z-index:3; }
.eventzone span b  { width:100%; float:right; font-size:30px; margin:5px 0 8px }
.imgevent   { float:right; width:100%; position:relative; overflow:hidden; height:190px }

.imgevent img  { position:absolute; width:auto !important;  min-width:100%; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1; height:190px; 
     -webkit-transform: translateY(-50%) translateX(-50%);
    
}

.eventzone p   { float:right; width:100%; position:relative; overflow:hidden; text-align:justify; font-size:1em; height:72px; line-height:24px; margin:10px 0 15px; padding:0 15px; overflow:hidden }

.eventzone:hover > p  {   color:#fff; 
     -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.filtercontent    { float:right; width:100%; margin:20px 0 5px  }
/*.filtercontent select    { float:right; width:100%; color:#999; border:none; border-radius:5px; height:42px; line-height:42px; padding:0 15px;  }*/
.filtercontent input[type="submit"]    { border:none; width:42px; height:42px; border-radius:50%; background:#ffd200 url(../images/bg_submitbtn.png) center center no-repeat;  }
.filterinnerzone input[type="submit"]    { border:none; width:42px; height:42px; border-radius:50%; background:#ffd200 url(../images/bg_submitbtn.png) center center no-repeat;  }

.rotatabov  { position:absolute; top:0; left:0; z-index:10; width:100%; height:100% }

.tabs  { float:right; width:100%; direction:rtl; position:relative }
.tabs>DIV{margin-top:40px; float:right; width:100%; padding:0 7%; text-align:right; }
.tabs>DIV p{color:#fff !important; border:1px #fff solid; border-top:none; width:100%; text-align:justify; float:right; height:192px !important; overflow:hidden; position:relative !important; display:block; padding:0 25px; background:none !important; font-size:1.1em; line-height:24px}
.tabs>DIV b{ float:right; width:100%; height:15px; }
.tabs UL.horizontal{list-style:none outside none;margin:50px 0 0; float:right; padding:0 7%; width:100%}
.tabs LI{ border:1px #fff solid; margin:0;display:inline-block;}
.tabs LI:last-child { float:left }

.tabs li A{color:#fff;display:block;font-size:1.2em;padding:9px 24px; position:relative; text-decoration:none; font-family:'DINNEXTARABICBOLD';}
.tabs li A i {color:#ffd200; font-size:26px; display:none; position:absolute; bottom:-17px; left:50%;
            transform: translateX(-50%);     -webkit-transform: translateX(-50%);
}
.tabs LI:hover{background:#ffd200;}
.tabs LI:hover A{color:#002b55; text-decoration:none; }
.tabs .active{background:#ffd200 !important; border:1px #ffd200 solid }
.tabs .active A{color:#002b55 !important;}
.tabs .active A i{ display:block; !important;}
.tabs .link{color:white;font-size:14px;font-weight:300; line-height:48px;margin-top:20px;margin-left:6px;text-decoration:none;}
.tabs .link:hover{text-decoration:underline;color:inherit;}
.tabs .anchorLink{border-bottom:1px dashed white;color:white;text-decoration:none;}
.tabs .anchorLink:hover{text-decoration:none;border-bottom:none;color:inherit;}

a.morerotattabs {
	width: auto;
	float: right;
	margin: 0 0 15px; 
	font-size: 16px;
	background: #3181c8;
	color: #fff !important;
	padding: 0 15px;
	border-radius: 3px;
	height: 36px;
	line-height: 30px;
	text-decoration: none !important
}

.logotabs    { z-index:11 !important; width:auto !important; top:70px !important;
               /*transform:translateY(-30px) translateX(-50%); 
               -webkit-transform:translateY(-30px) translateX(-50%);*/ 
}

.stepzone    { float:right; width:100%; direction:rtl }

.stepstitle  { float:right; text-align:center; border-left:5px #ffd102 solid; width:100%; padding:67px 15px; line-height:30px; font-size:1.35em; color:#012b55;  }
.stepzone h4 {
	float: right;
	width: 100%;
	margin: 0;
	line-height: 24px; font-size:18px; 
	max-height: 48px;
	overflow: hidden
}
.textsteps {
	float: right;
	text-align: justify;
	width: 100%;
	margin: 12px 0;
	line-height: 22px;
	height: 88px;
	overflow: hidden
}

.imgsteps   { float:right; width:100%; position:relative; overflow:hidden; height:195px }

.imgsteps img  { position:absolute; width:auto !important;  min-width:120px; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1; height:195px; 
     -webkit-transform: translateY(-50%) translateX(-50%);
    
}

.imgsteps a  { position:absolute; width:100% !important; left:0; top:0; z-index:2; height:100%;   
}


.newshome   { float:right; width:100%; margin:0; direction:rtl; background:#fff }
.newshomeimg   { float:right; width:50%; margin:0; overflow:hidden; position:relative; height:290px; }
.newshomeimg img  { position:absolute; width:auto !important;  min-width:100%; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1; height:290px; 
     -webkit-transform: translateY(-50%) translateX(-50%); 
}

.newscontenthome    { float:right; width:50%; padding:20px; }
.newscontenthome h1   { float:right; width:100%; margin:0 0 10px; color:#002b55; text-align:justify; height:50px; text-shadow:none !important; font-size: 1.1em; line-height:25px; overflow:hidden }
.newscontenthome h1 a:hover   { color:#ffd102 !important; text-decoration:none  }
.newscontenthome span   { float:right; width:100%; color:#000; margin:0 0 5px; height:20px; line-height:20px; }
.newscontenthome span i  { margin:0 0 0 8px }
.newscontenthome p   { float:right; width:100%; line-height:22px; height:110px; text-align:justify; overflow:hidden; margin:0 0 5px }
.newscontenthome a   { width: auto;  float: left;  font-size: 36px;  color: #ffd200; }
.newscontenthome h1 a   { color:#002b55 !important; width:100%; font-size: 1.1em; }

.euro    { float:right; width:100%; padding:32px 0 0; text-align:center }
.euro span    {float:right;width:100%;margin:0 0 20px;color:#fff;font-size: 12px;}
.euro img    {width: 65px;margin:0 0 10px;border:1px #999 solid;}

.homemessage   { 
    position:absolute; width:500px; left:50%; top:24%; text-align:center; display:none; 
                    transform: translateY(-20%) translateX(-50%); z-index:100; 
     -webkit-transform: translateY(-20%) translateX(-50%); color:#fff; font-size:2.8em;  text-shadow:#000 1px 1px 2px
}

.menus {
    
    text-align:center; margin:70px 0 7px;
     width:auto; float:left;
}
.menus > span {
    display:inline-block;
    margin:0 auto;
}
.nav {
    display:inline;
    text-align:right;
    position:relative;
    list-style-type:none; direction:rtl;
}
.nav > li {
    float:right;
    padding:0; margin:0 0 0 8px; 
    position:relative;
}
.nav > li > a {
    color:#fff; background:#3181c8; line-height:30px; text-align:center;
    display:block; width:30px; height:30px; border:1px #3181c8 solid; 
    font-size:90%; border-radius:50%; 
    position:relative;
    text-decoration:none;
}

.nav > li > a i {
 line-height:30px;
height:30px;

}

.nav > li > a:hover {
    background-color:#f3f3f3;
    color:#3181c8
}
.nav > li.selected  > a {
    background-color:#fff;
    border-color:#3181c8; color:#3181c8; 
    z-index:2;
}
.nav li div {
    position:relative;
}
.nav li div div {
    padding:5px; background:#fff;
    display:none; border:1px #ddd solid;
    font-size:0.75em;
    margin:0 0 0 0;
    position:absolute;
    top:8px;
    z-index:4;
}
.nav li div div.wrp2 {
    width:380px;
}
.nav .sep {
    right:190px;
    border-right:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
.nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:170px;
    float:right;
    list-style-type:none;
}
.nav li div ul li {
    margin:0;
    padding:0;
}
.nav li div ul li h3 {
    border-bottom:1px solid #E3E3E3;
    color:#4F4F4F;
    font-weight:bold;
    margin:0 5px 4px;
    font-size:0.95em;
    padding-bottom:3px;
    padding-top:3px;
}
.nav li ul ul {
    padding:0 0 8px;
}
.nav li ul ul li {
    margin:0;
    padding:0;
}
.nav li ul ul li a {
    color:#0060A6;
    display:block;
    margin-bottom:1px;
    padding:3px 5px;
    text-decoration:none;
    font-size:0.9em;
}
.nav li ul ul li a:hover{
    background-color:#0060a6;
    color:#fff;
}

.menu-container {
    width: 100%; position:relative;
    margin: 0 auto;
    margin-top:0;
    margin-bottom:0;
}

.menu-mobile {
    display: none;
    padding: 10px 0 0;
}

.menu-mobile:after {
    content: "\f123";
    font-family: "Ionicons";
    font-size: 1.5rem;
    padding: 0;
    float: left;
    position: relative;
    top: 50%; margin:5px 60px 0 0;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f123";
    font-family: "Ionicons";
    display: block;
    cursor: pointer;
    float: left;
    padding: 2.5em 2px;
    color: #fff; font-size:8px
}

.menu > ul > li:hover:before {
	color: #002b55;
}


.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
    
    
}

.menu ul li:hover > ul {

 
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: right; 
    padding: 0; color:#fff; 
    margin: 0;
}

	.menu > ul > li:hover {
		background: #f3f3f3;
		color: #002b55;
	}

.menu > ul > li.active {
     /*background:#ffa621*/  
}

.menu > ul > li a {
    text-decoration: none; color:#fff;
    padding: 0 0.7em 0 0.8em; line-height:46px; height:52px;
    display: block; font-size:1.14em; font-family:'DINNEXTARABICREGULAR';
}

	.menu > ul > li:hover a {
		color: #002b55;
	}


.menu > ul > li a i {
      line-height:50px; height:50px; font-size:30px; 

}

    .menu > ul > li > ul {
        display: none;
        width: 100%;
        padding: 0;
        position: absolute;
        z-index: 99;
        right: 0;
        top: 52px;
        margin: 0;
        list-style: none;
        box-sizing: border-box;
        /* display: block!important; */
        background: #f3f3f3;
        border: 1px solid rgba(0,0,255,0.3);
        border-top: 0 none;
        box-shadow: 0px 4px 3px rgba(0,0,255,0.3);
    }



.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;

}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0px 1%;
    padding-bottom: 0;
    list-style: none;
    width: 31.33%;
    background: none;
    float: right;
}

	.menu > ul > li > ul > li:nth-child(4) {
		clear:both
	}

	.menu > ul > li > ul > li a {
		color: #002b55 !important;
		padding: .2em 0;
		padding-bottom: 10px;
		font-size: 17px;
		height: auto;
		line-height: normal;
		width: 95%;
		/* background:#3181c8; */
		display: block;
		border-bottom: 1px solid #ccc;
		width: 100% !important;
		display: block;
	}

.menu > ul > li > ul > li a:hover {
    color: #666;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0; 
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: right;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: .8em;
}

	.menu > ul > li > ul > li > ul > li a {
		border: 0; color:#ddd;
		font-size: 14px;
		font-family: 'DINNEXTARABICREGULAR';
	}

		.menu > ul > li > ul > li > ul > li a span {
			-webkit-transition: all ease 0.3s; display:inline-block; 
			-moz-transition: all ease 0.3s;
			-o-transition: all ease 0.3s;
			-ms-transition: all ease 0.3s;
			transition: all ease 0.3s;
		}

		.menu > ul > li > ul > li > ul > li:hover a span {
			padding-right: 10px;
			-webkit-transition: all ease 0.3s;
			-moz-transition: all ease 0.3s;
			-o-transition: all ease 0.3s;
			-ms-transition: all ease 0.3s;
			transition: all ease 0.3s;
		}

		.menu > ul > li > ul > li > ul > li a:hover {
			color: #3181c8 !important;
		}

 .menu > ul > li > ul > li > ul > li p {
	font-size: 14px;
	line-height: 28px;
}

.menu > ul > li > ul.normal-sub {
    width: 210px;
    right: auto;
    padding: 0;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%; margin:0;
}

	.menu > ul > li > ul.normal-sub > li a {
		border: 0;
		color: #fff;
		font-family: 'DINNEXTARABICREGULAR'; 
		padding: 0.5em 12px; /*border-bottom:1px #ddd solid;*/
	}

		.menu > ul > li > ul.normal-sub > li a span {
			-webkit-transition: all ease 0.3s;
			display: inline-block; 
			-moz-transition: all ease 0.3s;
			-o-transition: all ease 0.3s;
			-ms-transition: all ease 0.3s;
			transition: all ease 0.3s;
		}

		.menu > ul > li > ul.normal-sub > li:hover a span {
			padding-right:10px; 
			-webkit-transition: all ease 0.3s;
			-moz-transition: all ease 0.3s;
			-o-transition: all ease 0.3s;
			-ms-transition: all ease 0.3s;
			transition: all ease 0.3s;
		}

.menu > ul > li > ul.normal-sub > li:last-child a {
 border-bottom:none;
}

	.menu > ul > li > ul.normal-sub > li a:hover {
		color: #3181c8 !important;
		background: none
	}


.back-to-top {
margin: 0;
position: fixed; background:#c72127;
bottom: 10px;
left: 10px;
width: 44px;
height: 44px;
z-index: 100;
display: none;
text-decoration: none; text-align:center;
color: #fff; 
}

.back-to-top i {
  font-size: 30px; line-height:40px
}

.back-to-top:hover {
 color:#fff
}

.sloganhead {
	float: right;
	width: 100%;
	padding: 0 20px;
	margin: 0 0 8px; line-height:30px; 
	font-size: 1.3em; text-align:center;
}
.sloganhead span   { float:right; width:100%; text-align:center; font-size:1.4em; min-height:36px;   }


.imp   { background-position:bottom left; background-repeat:no-repeat; float:right; width:100%; /*min-height:120px*/ }
.exp   { background-image:url(../images/export.png); background-position:bottom left; background-repeat:no-repeat; float:right; width:100%; min-height:120px; }

.bannerinner  { float:right; width:100%; height:228px; position:relative; background:url(../images/banner.jpg) center center no-repeat; 
                 -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mediconshome {
    margin: -80px 0 20px;
    height: 100px;
    position: relative;
    background: #fff;
    box-shadow: 0px -3px 12px -2px #999;
     width:100%; float:right; 
}

.lienhidshadow {
    position: absolute;
    bottom: -20px;
    height: 20px;
    background: #fff;
    left: 0;
    width: 100%;
}

.breadcramb   { float:left; width:auto; background:#68b7fd; margin:94px 0 10px; color:#fff; font-size:1em; padding:10px }
.breadcramb a  { float:right; width:auto;  color:#fff; font-size:1em; line-height:13px; height:18px; padding:0 5px; border-left:1px #fff solid }
.breadcramb a:last-child  { border-left:none }
.breadcramb a:hover  { text-decoration:none; color:#002b55 }

.titleinner   { float:right; width:auto; font-size:1.6em; font-family:'DINNEXTARABICBOLD'; color:#002b55; margin:89px 0 10px }
.subtitle   { float:right; width:100%; font-size:1.3em; font-family:'DINNEXTARABICBOLD'; color:#002b55; margin:0 0 20px; border-bottom:1px #ddd solid; padding: 0 0 10px }
.subtitleblue   { float:right; width:100%; padding: 0 15px }
.subtitleblue span   { float:right; width:100%; font-size:18px; font-family:'DINNEXTARABICBOLD'; color:#666; margin:0 0 20px; border-bottom:1px #ddd solid; padding: 0 0 10px }
.textinner   { float:right; width:100%; padding:0 0 20px; text-align:justify; line-height:1.7; }
	.textinner img {
		max-width: 300px;
		margin: 0 0 10px 20px;
		float: right
	}
	.textinner strong {
		 font-weight:bold
	}

	.textinner ul {
		list-style-type: disc !important;
	}

	.textinner ul li {
		list-style:disc !important
	}

	.textinner ol {
		list-style-type: decimal !important
	}

		.textinner ol li {
			list-style: arabic-indic !important
		}

	.textinner strong, .textinner p, .textinner span, .textinner li, .textinner div, .textinner b, .textinner td, .textinner th {
		font-family: 'DINNEXTARABICREGULAR', Arial !important;
	}

.subtitle .subs  { float:left; width:auto; }
.subtitle .subs input[type="text"]  {  font-size:14px; background:#f3f3f3; margin:0 }


.sidebarholder {
    position: relative;
float:left; width:100%; background:#fff; padding:0; margin:0 0 20px;
}

ul.sidebarlist   { width:100%; float:right; margin:0 0 10px;   }
.sidebarlist i   { float:right; width:4%; padding:0; margin:9px 4% 0 2%; }
.sidebarlist span   { float:right; text-align:right; width:90%; padding:0; margin: 0; }
.sidebarlist b   { float:left; text-align:center; width:auto; padding:0 5px; margin: 8px 0 0 5px; font-size:12px; font-weight:normal !important; height:20px; line-height:20px; border-radius:5px; color:#fff; background:#29ae50 }
.sidebarlist li   { float:right; list-style:none; width:100%; padding:0; margin:0 }
.sidebarlist li a   { color:#333; background:#f3f3f3; font-size:1.1em; line-height:36px; height:36px; float:right; border:1px #ddd solid; border-bottom:none; width:100%; clear:both; padding:0 }
.sidebarlist li a:hover   { color:#000; background:#fff; text-decoration:none }
.sidebarlist li:last-child  {  border-bottom:1px #ddd solid }
.sidebarlist li a.active   { color:#000; background:#fff; border:1px #ffd200 solid;  }
.sidebarlist li a.active i   { color:#ffd200 !important  }

.newswell     { float:right; overflow:hidden; width:100%; margin:2px 0 10px; border-bottom:1px #ddd dashed; padding:0 0 10px;  }
.newswell h3     {color:#68b7fd; margin:0 0 8px; font-size:1.1em; overflow:hidden; max-height:40px; text-align:justify  }
.newswell h3 a:hover     {color:#002b55 !important; background:none !important;  }
.newswell span     {color:#666; margin:0 0 8px; display:inherit; font-size:0.9em; line-height:18px; max-height:54px; overflow:hidden; text-align:justify }
.newswell label    {color:#999; margin:0 0 3px; direction:rtl; display:inherit; font-size:1em; line-height:16px; height:18px; }
.newswell b    { font-weight:normal }
.newswell a     {  color: #fff; font-size:15px; background:#ffd200; padding:5px 10px; border-radius:3px; height:32px; line-height:32px; }
.newswell a:hover     {  color: #fff; text-decoration:none; background:#002b55  }
.newswell a:focus, .newswell a:visited     {  color: #fff;  text-decoration:none }
.newswell h3 a     {color:#68b7fd !important; padding:0 !important; font-size:1.1em; background:none !important; text-align:justify  }

.picnewswell  { float:right; width:240px; margin:0 0 3px 15px; position:relative; height:160px; overflow:hidden }
.picnewswell a  { background:none !important }
.picnewswell img  {  position:absolute; width:auto; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%); max-height:160px;}

.threecolums   { float:right; width:30%; margin:10px 1.65% }
.albumsframr   { float:right; width:100%; position:relative; height:160px; border:4px #ddd solid; overflow:hidden; margin:0 0 5px; }
.albumsframr img   { position:absolute; max-width:150%; min-height:160px; width:auto; min-width:100%; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%);
                    }

.albumholder  { float:right; text-align:center; width:100%; height:211px;  overflow:hidden; position:relative }
.albumholder a  { position:absolute; z-index:5; top:0; right:0; width:100%; height:100%; }
.albumholder span  { float:right; text-align:center; width:100%; height:40px;  overflow:hidden; line-height:20px; color:#68b7fd; font-size:17px }

.albumholder:hover > span  {  color:#002b55 }
.albumholder:hover > div  { border-color:#ffd200  }


.albumvideoholder  { float:right; text-align:center; width:100%; height:291px; margin:0 0 20px; overflow:hidden; position:relative }
.albumvideoholder a  { position:absolute; z-index:5; top:0; right:0; width:100%; height:100%; background: url(../images/playyoutube.png) center center no-repeat; }
.albumvideoholder span  { float:right; text-align:center; width:100%; height:40px;  overflow:hidden; line-height:20px; color:#68b7fd; font-size:18px }

.albumvideoholder:hover > span  {  color:#002b55 }
.albumvideoholder:hover > div    { border-color:#ffd200  }

.albumsvideoframr { float: right; width: 100%;  position: relative;  height: 240px;  border: 4px #ddd solid;   overflow: hidden;   margin: 0 0 5px;}
.albumsvideoframr img {
    position: absolute;
    max-width: 150%;
    min-height: 240px;
    width: auto;
    min-width: 100%;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.skycolor   { color:#68b7fd !important }

.albumtitle  { float:right; text-align:center; width:95%; height:40px;  overflow:hidden }
.albumtitle a  {  line-height:20px; color:#68b7fd; font-size:17px }
.albumtitle a:hover  { color:#000; text-decoration:none }
.albumtitle a:focus  { color:#000; text-decoration:none }
.albumtitle a:visited  { color:#68b7fd; text-decoration:none }


        .albumsframr a   { width:100%; height:100%; background-color:rgba(0,0,0,0); position:absolute; top:0; left:0; z-index:2; }
        .albumsframr a:hover   {background-color:rgba(0,0,0,0.4); }
        .albumsframr p  { position:absolute; bottom:-60px; left:5px; line-height:14px; padding:20px 0; margin:0; text-align:center; color:#fff; font-size:20px; width:80px; }
        .albumsframr a:hover > p   { display:block; bottom:10px;
                                        -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
                                        }

.footerright    { float:right; width:100%; text-align:right }


.imgnewdetails   { float:right; max-width:400px; width:auto; margin:0 0 10px 20px; border:1px #ddd solid; padding:1% }
.imgnewdetails img   { position:relative; float:right; width:auto; max-width:100%; margin:0; width:auto; }
.imgnewdetails span   { position:relative; float:right; width:100%; text-align:center; color:#000; font-size:17px; margin:5px 0 0 }

.datenews { color: #999; margin: -10px -15px 15px 0; direction: rtl; display: inherit; font-size:1em; line-height: 16px; height: 18px;}

.accesotiszone  { float:left; width:auto; margin:-10px 0 15px -15px }
.sharenews   { float:left; width:auto; margin:0; position:relative }
.sharenews ul  { float:left; width:auto; margin:0}
.sharenews li  { float:left; width:auto; list-style:none; overflow:hidden; width:30px; height:30px; border:1px #999 solid; border-radius:15px; 
                 -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s; }
.sharenews li a  { float:left; width:30px; height:30px;  color:#999;  text-align:center; line-height:30px;
                   -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.sharenews li a:hover  { color:#3181c8 }

.sharenews li a i  { height:30px; line-height:30px; font-size:16px; }
.sharenews ul li ul  { display:none; position:relative; top:0; left:0; display:inline-block; width:90px; float:left}
.sharenews ul li ul li { border:none; width:30px !important }
.sharenews ul li:hover ul  { display:block }
.sharenews ul li:hover  {  width:130px }
.sharenews ul li ul li:hover  {  width:30px }

.shiftinner   { position:relative; z-index:1; margin:-70px 0 0; min-height:400px }
.sharenews a:not([href]):not([tabindex])    { color:#999 }
.sharenews a:not([href]):not([tabindex]):hover    { color:#999 }
.issuenewsd    { float:left; width:auto; margin:0 8px 0 0 }
.issuenewsd a    { float:right; width:30px; height:30px; text-align:center; line-height:30px; border:1px #999 solid; border-radius:50%; color:#999}
.issuenewsd a i  { height:30px; line-height:30px; }

.wizerdinner   { position:relative; z-index:1; margin:-20px 0 0; min-height:400px }

.frameform   { border:1px #ddd solid; float:right; width:100%; margin:0 0 15px; padding:10px }
.titleform   { border-bottom:1px #ddd solid; float:right; width:100%; margin:0 0 15px; padding:0 0 6px; line-height:30px; color:#002b55; font-size:17px; font-family:'DINNEXTARABICBOLD'; }
.titleform i  { font-size:22px; line-height:30px; height:30px; margin:0 0 0 5px; top:3px; position:relative }

.loginrow   { float:right; width:100%; margin:0 0 10px }
.loginrow span  { float:right; width:100px; margin:0 0 0 10px; height:28px; line-height:28px; font-size:13px; color:#494949 }
.textboxsignup   { float:right; width:220px; height:30px; line-height:30px; padding:0 5px; border-radius:3px; font-size:12px; margin:0 0 0 10px; color:#999; border:1px #ddd solid; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.uploadboxsignup   { float:right; width:232px !important; height:28px !important; line-height:28px !important; font-size:12px; margin:0 0 10px 10px !important; color:#999; border:1px #ddd solid }
.textareaignup   { float:right; width:220px; height:55px; line-height:22px; font-size:12px; margin:0 0 0 10px; color:#999; border:1px #ddd solid }
.loginrow b  { float:right; width:12px; font-size:18px; color:red }
.btnsendcomment   { cursor:pointer; float:right; background:#ffd200; border-radius:5px; border:none; color:#002b55; font-size:16px; padding:0 20px; height:36px; line-height:36px }                   

.resaultlogin    { float:right; width:100%; border-top:1px #ddd solid; padding:0; line-height:40px; font-size:18px  }
.resaultlogin i    { font-size:22px; line-height:40px; position:relative; top:4px; }
.truemode  { color:green }
.falsemode  { color:red }
.whitemode  { color:#fff }

.filterinnerzone   { float:right; width:100%; background:#f6f6f6; padding:15px 0 30px; }


.borderrl   { border-left:1px #f3f3f3 solid; border-right:1px #f3f3f3 solid; padding-top:15px; background:#fff; width:100%; display:inline-block}
.contenttabegy    { float:right; width:100%; margin:20px 0 0 }

.contentin  { float:right; width:100% }

.contentin table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	.contentin tr:nth-of-type(odd) { 
		background: #f6f6f6; 
	}

	.contentin td, .contentin th { 
		padding: 9px 6px; max-width:600px; 
		border: 1px solid #e5e3e3; 
		text-align: right; 
	}

   .contentin th { 
		 background:#3181c8; color:#fff; font-weight: bold; border:none; display:none 
	}

   .contentin a { 
		 color:#fff; background:#ffd200 ; width:30px; height:30px; border-radius:50%; font-size:16px; text-align:center; line-height:30px; display:inline-block
	}

      .contentin a i{ 
		height:30px; font-size:16px; line-height:30px; 
	}

       /*.contentin th:last-child, .contentin td:last-child { 
		 text-align:center
	}*/

       a.imginnerpage img    { max-width:100% !important }

       .bluecontact   { float:right; width:100%; background:#3181c8; padding:15px 0; margin:0 0 20px }
       .contactbox    { float:right; width:100%; border:1px #fff solid; margin:0 0 30px; text-align:center; color:#fff; padding:25px 15px }
       .contactbox i   { display:inline-block; width:50px; height:50px; line-height:50px; font-size:32px; border-radius:50%; border:1px #fff solid;  margin:0 0 15px; text-align:center }
       .contactbox span   { float:right; width:100%; margin:0 0 10px; text-align:center; font-size:24px; line-height:40px; height:40px; overflow:hidden }
       .contactbox p   { float:right; width:100%; margin:0; text-align:center; font-size:18px; line-height:24px; height:72px; overflow:hidden }
       a.mailcontact   { display:inline-block; width:auto; color:#ffd200; }
       a.mailcontact:hover   { text-decoration:none; color:#fff; }
       ul.socialicons  { float:right; width:100%; margin:0; padding:0; height:72px; text-align:center }
       .socialicons li  { display:inline-block; width:24px; margin:0 2px; list-style:none; }
       .socialicons li a { display:inline-block; width:24px; height:24px; line-height:24px; margin:0 1px; color:#fff }
       .socialicons li a i { display:inline-block; width:24px !important; height:24px !important; line-height:24px !important; margin:0 !important; border:none !important; font-size:20px !important }
       .socialicons li a:hover { color:#ffd200 }
       .dirctionnumber     { direction:ltr !important }


       .framecontact   { border:1px #fff solid; float:right; width:100%; margin:0 0 15px; padding:10px }
.titleformc   { border-bottom:1px #fff solid; float:right; width:100%; margin:0 0 15px; padding:0 0 6px; line-height:30px; color:#fff; font-size:17px; font-family:'DINNEXTARABICBOLD'; }
.titleformc i  { font-size:22px; color:#ffd200; line-height:30px; height:30px; margin:0 0 0 5px; top:3px; position:relative }

.contactrow   { float:right; width:100%; margin:0 0 10px }
.contactrow span  { float:right; width:100px; margin:0 0 0 10px; height:28px; line-height:28px; font-size:13px; color:#fff }
.contactrow b  { float:right; width:12px; font-size:18px; color:red }
.btnsendcomment   { cursor:pointer; float:right; background:#ffd200; border-radius:5px; border:none; color:#002b55; font-size:16px; padding:0 20px; height:36px; line-height:36px }                   
.textareacontact { float: right; width: 70%;  height: 100px;  border: 1px #fff solid; border-radius:5px; color:#999; padding:0 5px;  margin: 0 0 0 10px; font-size:12px; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075) }
.textboxcontact   { float:right; width:70%; height:30px; line-height:30px; padding:0 5px; border-radius:3px; font-size:12px; margin:0 0 0 10px; color:#999; border:1px #ddd solid; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

#searchzone   { left:0; width:250px }
#searchzone span   { left:6px }

.triangle-up {
	width: 0; position:absolute; top:-8px; 
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
}

.searchtext   { float:right; width:190px; height:32px; line-height:32px; border:1px #ddd solid; padding:0 5px; }
#searchzone [type="submit"]  { background:#3181c8; color:#fff; font-size:16px; width:auto; padding:0 8px; height:32px; line-height:32px;  float:left; border:none }


#shareicons   { left:-60px; width:160px; text-align:center }
#shareicons span   { left:65px }
#shareicons a   { width:28px !important; height:28px !important; line-height:28px; display:inline-block; margin:2px 2px 0; font-size:24px !important; color:#3181c8 !important }
#shareicons a i   { height:28px !important; line-height:28px; font-size:24px !important;  }


#newposts   { left:-50px; width:130px; text-align:center; height:45px }
#newposts span   { left:55px }
#newposts a   { width:32px !important; height:32px !important; margin:0 1px; }

.shadetabs li a   { font-size:1.7em }

.smallfont    { font-size:11px !important }
.fontmeds    { font-size:14px !important }
.bigfont    { font-size:17px !important }

.headprint   { float:right; width:100%; margin:0 0 10px; display:none }

.nopadding    { padding:0 !important }

.col-md-6 .selectize-input input[type="text"]   { min-width:115px }

.prodata  { float:right; width:100%; margin:10px 0 }
.prodata i  { float:right; width:auto; margin:0 0 10px 10px; clear:both; font-size:24px; color:#3181c8; min-width:31px; text-align:center }
.prodata p  { float:right; width:auto; margin:0 0 10px; max-width:90% }
.boldcountry    { font-family:'DINNEXTARABICBOLD'; }

.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	border-top: 0; background:#002b55; padding:0; 
	
	
}



.sticky .menubar {
	margin:0;  
}

	.sticky .logo, .sticky .sloganhead, .sticky .stratgy, .sticky .bggridmenu, .sticky .menus {
		display: none;
	}

.pagination    { width:100%; text-align:left }
.pagination-container  { text-align:center }
.pagination-container .pagination  { text-align:center }
.pagination-container li    { list-style:none; display:inline-block; margin:0 2px  }
.pagination-container li a    { color:#002b55; min-width:20px; height:27px; text-decoration:none !important; line-height:24px; border-radius:3px !important;   }
.pagination-container li.active a    { color:#fff; background:#002b55;   }
.pagination-container li.active a:hover   { color:#fff !important  }
.PagedList-skipToNext, .PagedList-skipToPrevious  { font-size:24px !important }
.PagedList-skipToNext a, .PagedList-skipToPrevious a  { line-height:20px !important;  }

.caruslholder {
	float: right;
	width: 100%;
	direction: ltr;
	position: relative;
	z-index: 4;
	overflow: hidden;
}

.caruslholders {
	float: right;
	width: 100%;
	direction: ltr;
	position: relative;
	z-index: 4;
}

.imgslider {
	float: right;
	width: 65%;
	position: relative;
	overflow: hidden; height:440px;
}


	.imgslider img {
		width: auto !important;
		min-width: 100%;
		min-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	}

	.imgslider a {
		position: absolute;
		bottom: 35px;
		width: auto;
		padding: 0 20px;
		border-radius: 3px;
		height: 40px;
		line-height: 40px;
		text-decoration: none !important;
		font-weight: bold;
		font-size: 18px;
		color: #233c77;
		background: #fff;
	}

a.pdfpro {
	display: none;
	padding: 0 20px 0 36px !important;
}

	a.pdfpro:after {
		position: absolute;
		top: 1px;
		left: 12px;
		color: #1c987e;
		font-family: 'FontAwesome';
		content: "\f1c1"
	}




.contentslider {
	float: right;
	width: 35%;
	color: #fff;
	position: relative;
	min-height: 360px;
	padding: 40px 0;
}

	.contentslider h3 {
		float: right;
		width: 90%;
		margin: 0 0 20px;
		color: #fff; padding:0 5%; 
		overflow: hidden; direction:rtl; 
		max-height: 60px;
		line-height: 30px;
		font-size: 22px;
	}

	.contentslider p {
		float: right;
		width: 90%; padding:0 5%; direction:rtl; 
		margin: 0 0 20px;
		color: #fff;
		overflow: hidden;
		max-height: 144px;
		line-height: 24px;
		font-size: 18px;
	}

	.contentslider a {
		float: left;
		width: auto;
		padding: 0 12px 0 25px;
		color: #e64b16;
		background: #fff;
		border-radius: 3px;
		height: 40px;
		line-height: 40px;
		position: relative;
		font-size: 18px;
		text-decoration: none !important;
	}

		.contentslider a:after {
			content: "\f101";
			font-family: 'FontAwesome';
			font-size: 18px;
			position: absolute;
			top: 0;
			left: 10px;
		}

.swiper-containers .swiper-wrapper div.swiper-slide {
	background: #1c76bd
}





.imgfake {
	position: relative;
	z-index: 0;
	width: 100%;
	display: none;
	float: left
}

.slider-wrapper {
	position: relative;
}

.bigboxcolor { float:right; width:100%; padding:20px; margin:0 0 30px; text-align:center; position:relative; color:#fff
}

.bigboxcolor i {
	display:inline-block; font-size:75px; margin:0 0 10px;
}

	.bigboxcolor h5 {
	 font-size:22px; margin:0 0 10px; width:100%
	}


	.bigboxcolor p {
		display: inline-block;
		font-size: 16px; width:100%;
		margin: 0; line-height:24px; height:72px; overflow:hidden
	}

	.bigboxcolor a {
		height: 100%;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}

		/*.bigboxcolor a i {
			font-size: 20px !important;
			line-height: 34px; margin:0 !important
		}

	.bigboxcolor:hover a {
		opacity: 1;
		transform: translateX(-50%) scale(1);
		-ms-transform: translateX(-50%) scale(1);
		-webkit-transform: translateX(-50%) scale(1);
	}*/

	


.bluetheme {
	background: #4582ff
}

    .bluetheme a {
        color: #ffffff !important
    }
.orangtheme {
	background: #fc9928
}

    .orangtheme a {
        color: #ffffff !important
    }
.pinktheme {
	background: #f45661
}

    .pinktheme a {
        color: #ffffff !important
    }


.smallbox {
	float: right;
	width: 100%;
	padding: 20px 20px 25px;
	margin: 0 0 30px;
	text-align: center;
	position: relative;
	color: #333;
	background: #ebf1f5
}

	.smallbox i {
		display: inline-block;
		font-size: 45px;
		color: #fff;
		line-height: 80px;
		background: #002b55;
		width: 80px;
		height: 80px;
		border-radius: 40px;
		margin: 0 0 10px;
	}

	.smallbox h5 {
		font-size: 18px;
		margin: 0;
		width: 100%
	}



.tradmedbox {
	float: right;
	width: 100%;
	padding: 20px 20px 25px;
	margin: 0 0 30px;
	text-align: center;
	position: relative;
	color: #333;
	background: #fff
}

	.tradmedbox a {
		height: 100%;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}

	.tradmedbox i {
		display: inline-block;
		font-size: 53px;
		color: #fff;
		line-height: 80px;
		background: #002b55;
		width: 80px;
		height: 80px;
		border-radius: 40px;
		margin: 0 0 10px;
	}

	.tradmedbox h5 {
		font-size: 18px;
		margin: 0;
		width: 100%
	}

.iconout {
	background: url(../images/iconout.svg) center no-repeat;
	width: 75px;
	height: 75px; background-size:80%; 
}

.iconin {
	background: url(../images/iconin.svg) center no-repeat;
	width: 75px;
	height: 75px;
	background-size: 80%;
}

.iconanchor {
	background: url(../images/iconanchor.svg) center no-repeat;
	width: 75px;
	height: 75px;
	background-size: 80%;
}

.smallbox a {
	height: 100%;
	position: absolute; z-index:2;
	top:0; left:0;
	width: 100%;
	z-index: 1;
}

	/*.smallbox a i {
		font-size: 20px !important;
		height: 32px !important;
		width: 32px !important;
		line-height: 34px;
		background: none !important;
		margin: 0 !important
	}

.smallbox:hover a {
	opacity: 1;
	transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
}*/

.whitefield { float:right; width:100%; background:#fff; padding:15px; margin:0 0 30px; min-height:226px;
}

.whitefield h3 {
	float: right; font-size:19px; color:#333; 
	width: 100%; border-bottom:1px #ddd solid; padding:0 0 14px; 
	margin: 0 0 12px;
}



ul.fields {
	float: right;
	width: 100%; min-height:246px; 
	margin: 10px 0
}

	ul.fields li {
		color: #666666;
		list-style: none;
		display: block;
		font-weight: 400; min-height:26px; 
		letter-spacing: 1px;
		margin-bottom: 11px;
	}

		ul.fields li i {
			background: #4ac4f3;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			color: #ffffff;
			float: right;
			font-size: 12px;
			height: 20px;
			line-height: 20px;
			margin-left: 15px;
			margin-top: 5px;
			position: relative;
			text-align: center;
			width: 20px;
			z-index: 1;
		}

			ul.fields li i::after {
				background: #4ac4f3 none repeat scroll 0 0;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				content: "";
				height: 28px;
				left: 0;
				margin-left: -4px;
				margin-top: -4px;
				opacity: 0.5;
				position: absolute;
				top: 0;
				width: 28px;
				z-index: -1;
			}

		ul.fields li a {
			color: #999 !important; text-decoration:none !important; 
			font-family: 'DINNEXTARABICBOLD'; line-height:22px; 
		}

		ul.fields li a:hover {
			color: #000 !important;
		}

.picopration { float:right; width:100%; height:140px; overflow:hidden; position:relative
}

.picopration img {
	position: absolute;
	max-width: 130%;
	min-width: 100%;
	height: 140px;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	z-index: 1;
	-webkit-transform: translateY(-50%) translateX(-50%);
}

ul.tradelist {
	float: right;
	width: 100%;
	margin: 0
}

	ul.tradelist li {
		
		list-style: none;
		display: block; float:right; width:100%; 
		margin-bottom: 5px;
	}

	ul.tradelist li a {
 padding:0 22px 0 0; position:relative; min-height:20px; 
		float: right; color:#999 !important; text-decoration:none !important;

	}

		ul.tradelist li a:hover {

			color: #333 !important;

		}

		ul.tradelist li a:before {
			position: absolute;
			top: 0;
			right: 0;
			font-size: 20px;
			font-family: 'FontAwesome';
			content: "\f104";
		}

.quots { float:right; width:100%; padding:0 160px 0 0; position:relative; min-height:160px; text-align:right; direction:rtl; 
}

.imgquots {
	position:absolute; top:0; right:0; width:150px; height:150px; overflow:hidden
}

	.imgquots img {
		position: absolute;
		top: 50%;
		left: 50%; width:auto; height:150px; min-width:100%;	
		transform: translateY(-50%) translateX(-50%);
		z-index: 1;
		-webkit-transform: translateY(-50%) translateX(-50%);
	}

.textqouts {
 float:right; width:100%; overflow:hidden; line-height:20px; font-size:16px; height:100px;  }

.quots span {
	float: right;
	width: 100%;
	color: #4582ff;
	font-family: 'DINNEXTARABICBOLD';
	line-height: 20px;
	max-height: 40px;
	font-size: 16px;
}

.ql-editor { text-align:right !important; 
}

.newsinner {
	width: 100%;
	padding: 0 0 10px;
	border-bottom: 1px #ddd dashed;
	margin: 0 0 10px;
	float: right;
}

	.newsinner h3 {
		margin: 0 0 10px;
		float: right;
		font-size: 18px;
	}

	.newsinner span {
		width: 100%;
		float: right;
	}

.titlebox {
	font-family: 'DINNEXTARABICBOLD'; margin:5px -30px 0 0; font-size:15px; 
}

.registsiop .validationzone {
	margin-right:12px; margin-top:6px
}

.registsiop .form-control {
	margin-right: 0;
	margin-top: 0
}

.noborder .btn-block {
	width: auto;
	padding-right: 20px;
	padding-left: 20px; margin-right:20px; 
}

.registsiop input[type="text"] {
	border-radius: 4px;
	border: none;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2) !important;
}

.registsiop input[type="email"] {
	border-radius: 4px;
	border: none;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2) !important;
}

.registsiop textarea {
	border-radius: 4px;
	border: none;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2) !important;
}

.registsiop select {
	border-radius: 4px;
	border: none;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2) !important;
}

@page {
	size: A4;
	margin: 11mm 17mm 17mm 17mm;
}

@media print
{
.noprint {display:none;}
.accesotiszone   { display:none;  }
body div  { color:#000 !important }
img   {   -webkit-filter: grayscale(100%); 
    filter: grayscale(100%); }
.borderrl, .textinner  { border:none !important }
.headprint   { display:block }

}

@media (min-width: 1200px)  
{
    

}
@media (max-width: 1200px)  {
	.owl-carouselnews .owl-controls {
		width: 86% !important
	}
}



	

@media (max-width: 1024px)  {

    .textareacontact { width: 60%; }
.textboxcontact   { width:60%; }

}

@media only screen and (max-width: 1000px) {
	.menubar { position:fixed; top:0; z-index:103;
	}
	.header { margin:40px 0 0;
	}
	.menu a {
		color: #fff
	}

		.menu a:focus, .menu a:hover {
			color: #fff
		}

	.menu-container {
		width: 100%;
	}

	.menu-mobile {
		display: block;
	}

	.menu-dropdown-icon:before {
		display: block;
		color: #666;
		font-size: 12px;
		width: 20px;
		position: absolute;
		left: 0;
		padding: 1.4em 2px
	}

	.menu > ul {
		display: none;
	}

		.menu > ul > li {
			width: 100%;
			float: none;
			display: block; color:#666
		}
			.menu > ul > li:hover {
				color: #002b55
			}

			.menu > ul > li a {
				padding: 0 3%;
				width: 94%;
				font-size: 16px;
				display: block;
				color: #666
			}

			.menu > ul > li:hover a {
				color: #002b55
			}
			.menu > ul > li > ul {
				position: relative;
				top: 0; padding:0 15px;
			}

				.menu > ul > li > ul.normal-sub {
					width: 100%;
				}

				.menu > ul > li > ul > li {
					float: none;
					width: 100%;
					margin: 0;
				}

					.menu > ul > li > ul > li:first-child {
						margin: 0;
					}

					.menu > ul > li > ul > li > ul {
						position: relative;
					}

						.menu > ul > li > ul > li > ul > li {
							float: none;
						}

	.menu .show-on-mobile {
		display: block;
		background: #fff;
		top: 12px; overflow-y:auto; height:280px;
	}

	.greenstiker {
		display: none
	}
}



@media (max-width: 990px)  {

	
		
}

@media (max-width: 979px)  {

}



@media (max-width: 800px)  {

}

@media (min-width: 768px) {
	.cd-faq-trigger {
		font-family: 'DINNEXTARABICBOLD';
		padding: 12px 12px 14px 60px;
	}

		.cd-faq-trigger::before, .cd-faq-trigger::after {
			left: 24px;
		}
		.cd-faq-trigger::before {
			left: 32px;
		}
}

@media (max-width: 768px)  {

.threcolum   { width:48%; }
.fourcolum   { width:31%;  }

}
@media (max-width: 767px)  
{
	.listfooterlinks li { width:100%
	}
	.imgsteps {
		height: 160px;
	}
	.menus {
		margin: 35px 0 7px;
		float: right;
	}
	#searchzone {
		left: -100px
	}

		#searchzone span {
			left: 105px
		}
	a.stratgy img {
		max-width: 60px
	}
	.sloganhead {

		font-size: 0.8em; padding:0

	}

		.sloganhead span {
			
			font-size: 1.1em;
		}

	.logo img { max-width:100%
	}
	
	.imgslider {
		width: 100%;
		height: 240px
	}
	.contentslider { width:100%; height:200px; padding:15px 0
	}

		.contentslider h3 { font-size:16px; line-height:22px; max-height:44px; 
		}

		.contentslider p { font-size:14px; line-height:20px; max-height:100px
		}
		
		.imgslider img {
			max-width: 120%;
		}
	

	.tabs > DIV p {
		height:264px !important
	}
	
	.homemessage {
		display: none;
	}
   
    .sloganhead  { margin-bottom:15px; }
    .contactrow span   { width:100% }
        .textareacontact { width: 90%; }
.textboxcontact   { width:90%; }
.breadcramb  { margin:10px 0 }

    .mediconshome  { margin:0px 0 20px }
    .textinner img   { max-width:100%; margin:0 0 20px; }

 .videoholder  { display:none }
.footerholder   {  padding:0 15px } 
.threecolums   { width:47%; margin:20px 1.5% }
.stepstitle    { border-left:none; border-bottom:5px #ffd102 solid; padding:12px 15px; }
.newshomeimg  { width:100% }
.newscontenthome   { width:100% }
.newscontenthome   { padding:10px 20px }
.filtercontent    { margin:10px 0 0 }
.sliderhome    { margin-top:0 }
.titleinner   { margin:10px 0 }
.bannerinner   { height:auto !important }
.filratopn   { position:relative;  }
.filratopn .bggridmenu   { display:none }
.selectize-control   { margin-bottom:10px }
.sliderhome video  { display:none }
.sliderhome audio  { display:none }
}
@media (max-width: 735px)  {
    .shiftinner   { margin:0 }
    .logo  { text-align:center }
    .logotabs   { width:80px !important; top:50px !important }
    .tabs li A   { padding:9px 10px; font-size:13px; }
    .tabs UL.horizontal   { margin:95px 0 0 }
    .tabs>DIV  { margin-top:20px }
}


@media (max-width: 600px)  {


}


@media (max-width: 570px)  {

.threcolum   { width:96%; margin:2% 2% 1%; }
.fourcolum   { width:96%; margin:2% 2% 1%; }


}

@media (max-width: 540px)  
{
    
 
}

@media (max-width: 490px)  
{

}

@media (max-width: 480px)  {
	.picnewswell { margin:0 0 15px; width:100%
	}
	.newswell h3 { float:right;width:100%
	}

	.newswell label {
		float: right;
		width: 100%
	}


	.newswell span {
		float: right;
		width: 100%; max-height:540px
	}

	.imgnewdetails {
		max-width: 100%;
		margin: 0 0 20px
	}
  .imgnewdetails img   { margin:0 !important; }
  .homemessage   { width:100%; padding:0 20px; font-size:24px; }
  .threecolums   { width:100%; margin:20px 0 }

}

@media (max-width: 414px)  {

}