/* 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; }
	  
	  body  
	  { overflow-x:hidden
	  }

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

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; }

.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:2;padding: 15px 0;margin:0;background: #273342;background: url(../images/bg_testmonial.jpg) center center;}
.menubar     {width:100%;float:right;/* margin:10px 0 0; */position:relative;/* background:#f0f0f0; *//* border-bottom: 5px solid#9d7e49; */}
.nocaces       {/* display:  none; */width:100%;float:right;background:#fff;padding:20px 0;}
.lightblue       {width:100%;float:right;background: #9d7e49;padding:20px 0;}
.footerzone     {
                   width:100%;
                   float:right;
                   margin:0;
                   /* background:url(../images/bg_footer.jpg) center center no-repeat; */
                   /* -webkit-background-size: cover; */
                   -moz-background-size: cover;
                   -o-background-size: cover;
                   /* background-size: cover; */
                   padding: 40px 0;
                   background-color: #273342;
                   /* height:  auto; */
                   background: url(../images/bg_testmonial.jpg) center center;
}
.darktestmonial     {width:100%;float:right;margin:0;padding: 3px;background: url(../images/bg_testmonial.jpg) center center;text-align: center;/* clear:  both; */max-height: 237px;overflow:  hidden;}
.titlehome      {float:right;width:100%;padding:0 15px;border-left: 4px #9d7e49 solid;color:#273342;font-size:30px;min-height:32px;line-height:32px;margin:0 0 20px;}
.titlehome a     { color:#273342; text-decoration:none !important; }
.imgevents   { float:right; width:100%; border-bottom:3px #9d7e49 solid; height:230px; overflow:hidden; position:relative }
.imgevents img  { position:absolute; width:auto; min-width:100%; left:50%; top:50%; height:230px; 
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%);

}
.eventdate   { float:right; width:100%; position:relative }
.holdereventhom   { position:relative; padding:0 80px 0 0 }
.orangdate  { position:absolute; top:0; right:0; width:60px; padding:0 0 8px; line-height:20px; text-align:center; color:#fff; background:#9d7e49  }
.orangdate span  { width:100%; float:right; }
.nameplaceevent   { float:right; width:100%; color:#273342;font-size:14px; padding:3px 0 0 }
.nameplaceevent span   { float:right; width:100%; color:#2d2d2d;font-size:16px }
.nameplaceevent p   {  margin:0 }

.eventhomedetail     { float:right; width:100%; height:50px; line-height:25px; overflow:hidden; color:#6a6a6a; font-size:16px; margin:15px 0 0 }

.newslisthome     { float:right; width:100%; border-bottom:1px #d8d9db solid; padding:0 100px 8px 0; margin:0 0 8px; position:relative }
.newslisthome a     { position:absolute; z-index:2; top:0; right:0; width:100%; height:100%; }

.imgnewslist   { position:absolute;  width:90px; height:90px; overflow:hidden; top:0; right:0 }
.imgnewslist img    { position:absolute; width:auto; min-width:100%; left:50%; top:50%; height:90px; 
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%); }

.newslistcontent        { float:right; width:100%;  }
.newslistcontent h3        { float:right; width:100%; color:#2d2d2d; font-size:14px; max-height:40px; line-height:20px; margin:0 0 2px; overflow:hidden }
.newslistcontent span       { float:right; width:100%; margin:0; color:#9d7e49; font-size:14px;   }
.newslistcontent p       { float:right; width:100%; max-height:57px; line-height:19px; color:#6a6a6a; font-size:14px; overflow:hidden; padding:0; margin:0  }

.searchzone  {float:right;width:100%;/* border:1px #dcdcdc solid; */}
.searchzone input[type="text"]  {float:right;width: 80%;border:none;height:44px;line-height:44px;padding:0 10px;}
.searchzone input[type="submit"]  {float:left;width: 70px;height:44px;background:#9d7e49 url(../images/search-icon.png) center center no-repeat;border:none;}

.optionstophome    { float:right; width:100%; text-align:center; padding:30px 0 0; height:275px; position:relative }
.optionstophome i   { display:inline-block; width:auto; margin:0 0 20px; color:#9d7e49; font-size:50px; }
.optionstophome h2   { display:inline-block; width:100%; margin:0 0 20px; color:#273342; font-size:18px; height:44px; line-height:22px; padding:0 90px; overflow:hidden }
.optionstophome p   { display:inline-block; width:100%; margin:0 0 15px; color:#393939; font-size:14px; height:60px; line-height:20px; padding:0 40px; overflow:hidden }
.optionstophome a   { position:absolute; bottom:0; left:50%; width:36px; height:24px; background:#273342; color:#fff; text-align:center;
                      transform:translateX(-50%); z-index:1;
     -webkit-transform: translateX(-50%);
}

.optionstophome a:hover   { background:#f8941e; }
.optionstophome a i  { font-size:15px !important; color:#fff !important; margin:0 !important; line-height:24px; }

.newsletter     {display:inline-block;border:1px #fff solid;background: #273342;margin:0 0 15px;}
.euro p    { color:#9d7e49}
.newsletter input[type="text"]  { float:right; width:280px; border:none; color:#fff; background:none; height:38px; line-height:24px; padding:0 10px; }
.newsletter input[type="email"]  {float:right;width:280px;border:none;color: #fff;background:none;height:38px;line-height:24px;padding:0 10px;}
.newsletter input[type="submit"]  { float:left; width:auto; height:38px; line-height:38px; padding:0 30px; background:#fff; color:#9d7e49; font-size:16px; border:none }

.topline   {float:right;width:100%;position:relative;background: #9d7e49;min-height:45px;}
.toplinewhite     { background: url(../images/bg_linetop.jpg) bottom center repeat-x; height:45px }
.toplineholder     { position:absolute; top:0; left:0; width:100%; z-index:1 }
.toplinezone       {float:right;width:100%;height:45px;/* background:#f0f0f0 url(../images/bg_toplinekey.jpg) center right no-repeat; */}
.toplinezone ul      { float:left; width:auto; margin:0; padding:0  }
.toplinezone li      {float:right;width:auto;margin:0;padding:12px 0;list-style:none;color: #eceaea;}
.toplinezone li a      {float:right;width:auto;margin:0 0 0 8px;text-decoration:none !important;padding:0 0 0 8px;border-left:1px #273342 solid;height:21px;line-height:21px;color: #ffffff;font-size:14px;}
.toplinezone li a i     { float:right; width:auto; margin:0 0 0 5px; padding:0; color:#273342; font-size:18px; height:21px; line-height:21px;  }
.toplinezone li:last-child a     { padding:0; margin:0; border-left:none;  }

.copyright     { width:100%; float:right; margin:10px 0 15px; background:#fff; text-align:center }
.bggridmenu   { width:100%; float:right; height:6px; background: linear-gradient(-90deg, #3181c8, #002b55);
 background-size: 100% 100%; }

.logo    { margin:10px 0 0; float:right; width:100% }
.whitenote  { float:right; width:100%; background:#fff; text-align:center; border-bottom:3px #002b55 solid; margin:0 0 15px; padding:20px;
              -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:100%;  margin:0 0 5px; display:inline-block  }
.whitenote h3  {width:100%;  margin:0 0 15px; display:inline-block; color:#3181c8; font-size:20px;  }
.whitenote p  {width:100%;  margin:0 0 15px; display:inline-block; height:154px; overflow:hidden; line-height:22px;   }
.whitenote a  {width:auto; float:left; font-size:36px; color:#9d7e49  }

.transnote  { float:right; width:100%; text-align:center; margin:0 0 15px; padding:20px;
            
}
.transnote img  { width:auto; max-width:100%; 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:24px; 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:#9d7e49  }
.transnote a:hover  {color:#fff  }


.caruslholder     {float:right;width:100%;direction:ltr;position:relative;z-index:4;/* display:  none; */}

.bgthrehome   { float:right; width:100%; height:370px; overflow:hidden; position:relative; margin:20px 0; }

.bgthrehome img  { position:absolute; width:130%; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -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 > img  { width:100%; -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:24px; padding:0 0 10px; color:#2d2d2d; background:url(../images/bg_linetitle.jpg) bottom center no-repeat; margin:0 0 20px; font-family:'DINNEXTARABICBOLD'; }
.titleright    { float:right; width:100%; text-align:right; font-size:26px; color:#002b55; margin:0 0 20px; font-family:'DINNEXTARABICBOLD'; }
.titlesidbar    { float:right; width:100%; text-align:right; font-size:18px; color:#002b55; margin:0 0 20px; font-family:'DINNEXTARABICBOLD'; }
.sliderhome   { float:right; width:100%; position:relative; text-align:center; overflow:hidden; max-height:625px }
.sliderhome img   { width:100% }

.filratopn   {position:absolute;z-index:110;bottom:0;left:0;width:100%;display:  none;}
.slidoption   { float:right; width:100%; background:#fff; }
.slidoption div  { border-left:1px #f0f0f0 solid }
.slidoption div:last-child  { border-left:none }
a.stratgy   { float:left; width:auto; margin:0 10px;   }
.footertitles     { float:right; width:100%; margin:12px 0; color:#9d7e49; font-size:18px; 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:14px; color:#a3abb7; }
.listfooter li a:hover    { color:#fff; text-decoration:none; }

.partnnerzone   { float:right; width:100%; position:relative; height:100px; overflow:hidden; margin:0 0 20px }
.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%);
}

.partnnerinner   { float:right; width:100%; position:relative; height:160px; overflow:hidden; text-align:center; margin:0 0 20px }
.partnnerinner img  { position:absolute; width:auto !important; left:50%; top:0;
                    transform: translateX(-50%); z-index:1; height:120px; 
     -webkit-transform: translateX(-50%);
}

.partnnerinner span  { position:absolute; left:0; width:100%; z-index:1; text-align:center; height:40px; overflow:hidden; line-height:20px; font-size:17px; 
                       font-family:'DINNEXTARABICBOLD'; color:#273342; bottom:0
}

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

.partnnerinner a:hover > span   { color:#9d7e49}



.footericons  {float:left;width:auto;margin:15px 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 8px 0 0;
}

.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;  
}

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

.footericons i    {font-size:30px !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%;}

.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   { 
               -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:#9d7e49; 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; height:72px; line-height:24px; margin:10px 0 15px; padding:0 15px; overflow:hidden }

.filtercontent    { float:right; width:100%; margin:40px 0 0  }
/*.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:#9d7e49 url(../images/bg_submitbtn.png) center center no-repeat;  }
.filterinnerzone input[type="submit"]    { border:none; width:42px; height:42px; border-radius:50%; background:#9d7e49 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 h1{color:#273342 !important;  border-top:none; width:60%; text-shadow:none !important; margin:45px 0 24px 0; float:right; overflow:hidden; position:relative !important; display:block; padding:0; background:none !important; font-size:40px; line-height:50px }
.tabs>DIV h1 span{color: #e6e5e4 !important;border-top:4px #9d7e49solid;width:auto;text-shadow:none !important;float:right;overflow:hidden;position:relative !important;display:block;padding:0;background:none !important;margin:0 0 0 10px;font-size:40px;line-height:50px;}
.tabs>DIV p{color: #ffffff !important;border-top:none;width:60%;text-align:justify;float:right;max-height:168px !important;overflow:hidden;position:relative !important;display:block;padding:0;margin:0 0 5px;background:none !important;font-size:18px;line-height:24px;}
.tabs>DIV span { border-top:none; width:60%; text-align:justify; float:right; max-height:168px !important; overflow:hidden; position:relative !important; display:block; padding:0; background:none !important; font-size:18px; line-height:24px}
.tabs>DIV span a{color:#273342 !important; font-size:20px; line-height:24px; text-decoration:none !important }
.tabs>DIV b{ float:right; width:100%; height:15px; }
.tabs UL.horizontal{list-style:none outside none;margin:-45px 0 0; float:right; padding:0; width:100%}
.tabs LI{  margin:0;display:inline-block;}

.tabs li A{color: #ffffff;display:block;font-size:22px;padding:9px 24px;position:relative;text-decoration:none;font-family:'DINNEXTARABICBOLD';}
.tabs li A i {color: #ffffff;font-size:26px;margin:3px 0 0 5px;}
.tabs LI:hover{ }
.tabs LI:hover A{color: #2d2d2d;text-decoration:none;}
.tabs .active{ }
.tabs .active A{color: #2d2d2d!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;}

.imgtabs   { float:left; width:300px; height:370px; margin:0 0 0 40px; overflow:hidden; position:relative; border:4px #9d7e49 solid }
.imgtabs img  { position:absolute; width:auto !important;  min-width:100%; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1; height:370px; 
     -webkit-transform: translateY(-50%) translateX(-50%);
    
}

.calenderevents   { float:right; width:100% }
.calenderevents img    {  width:100% }

a.morerotattabs     {     width: auto;
    float: left;
    font-size: 36px;
    color: #9d7e49; }

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

.famusname   { float:right; width:100%; color:rgba(255,255,255,0.5) }
.famusname span  { float:right; width:100%; color:#f8941e; font-size:20px; margin:0 }

.famusnameinner   { float:right; width:100%; color:#9d7e49; border-bottom:1px #ddd dotted; margin:0 0 20px; padding:0 0 10px }
.famusnameinner span  { float:right; width:100%; color:#000; font-size:20px; margin:0 }

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

.stepstitle  {float:right;text-align:center;width:100%;padding: 24px 15px;line-height:30px;font-size:35px;color:#e7e7e7;}
.stepstitle a  { color:#e7e7e7 !important; text-decoration:none !important  }
.textsteps     {/* float:right; *//* text-align:justify; */width:100%;/* margin:0 0 10px; */line-height:25px;height:50px;overflow:hidden;color:#fff;font-size:15px;}

.textstepsinner     { float:right; text-align:justify; width:100%; margin:0 0 10px; line-height:25px; min-height:50px; color:#666; font-size:15px; }

.imgsteps   { float:right; width:120px; position:relative; overflow:hidden; height:120px; border:2px #fff solid; border-radius:50%; }

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

.newshome   { float:right; width:100%; margin:0; direction:rtl; background:#f3f3f3 }
.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; line-height:25px; font-size:17px; overflow:hidden }
.newscontenthome h1 a   { font-size:17px !important; color:#002b55 !important;  }
.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: #9d7e49; }

.euro    {float:right;width:100%;padding:0;text-align:center;/* margin-top: 80px; */}
.euro span    {float:right;width:100%;margin:0 0 20px;color:rgba(255,255,255,1);}
.euro img    {  width:auto; margin:0 0 10px; }

.euro ul   {float:right;width:100%;padding:7px 0;margin:0 0 15px;/* background:#2d2d2d; */text-align:center;}
.euro li   {display:inline-block;/* border-left:1px #fff solid; */padding:0 0 0 15px;/* margin:0 0 0 15px; */list-style:none;height:16px;line-height:16px;}
.euro li:last-child   { border-left:none; padding:0; margin:0; }
.euro li a   {/* height:16px; */line-height: 40px;color: #273342;font-size: 17px;background-color: #9d7e49;width: 40px;height: 40px;display: block;border-radius:  50%;}
.euro li a .fa{
	line-height: 40px;
}

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

.menus {
    
    text-align:center; margin:12px 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:#00af40;
    border-color:#999999 #999999 #FFFFFF;
    z-index:2;
}
.nav li div {
    position:relative;
}
.nav li div div {
    padding:5px 5px 5px 1px; background:#fff;
    display:none; border:1px #ddd solid;
    font-size:0.75em;
    margin:0 0 0 0;
    position:absolute;
    top:0;
    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: 5px 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 {
    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;
    margin: 0; color:#273342
}

.menu > ul > li:hover {
     /* background:#dbdada */
}

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

.menu > ul > li a {
    text-decoration: none; color:#273342; text-align:center; 
    padding: 9px 0.8em 0; height:88px;
    display: block; font-size:19px; font-family:'DINNEXTARABICREGULAR';
}

.menu > ul > li a span{
    width:100%;
    display:inline-block;
}


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

}

.menu > ul > li > ul {
    display: none;
    width: 210px;
    padding: 0;
    position: absolute;
    z-index: 99;
    /*right: 0;*/ 
     top:88px; 
    margin: 0;
    list-style: none;
    box-sizing: border-box;

}



.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: 0;
    padding-bottom: 0;
    list-style: none;
    width: 100%; position:relative; 
    background: none;
    float: right;
}

.menu > ul > li > ul > li a {
    color: #333; text-align:right; 
    font-size:14px; height:auto; line-height:normal;
    width: 100%; background:#dbdada; 
    display: block; padding:9px 12px !important; 
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li a:hover {
    color: #fff; background:#273342 
}

.menu > ul > li > ul > li > ul {
    display: none; position:absolute; width:210px; 
    padding: 0; right:100%; 
    margin: 0; top:0; 
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li:hover > ul    { display:block }

.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; font-size:16px
}

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

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

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

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

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

.menu > ul > li > ul.normal-sub > li a:hover {
   color:#fff; background:#273342

}


.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;margin:60px 0 0;text-align:left;color:rgba(134,132,131,0.2);font-size:40px;display: none;}
.sloganhead span   { float:right; width:100%; text-align:center; font-size:22px;  }
.sloganhead p      { float:right; width:100%; text-align:center; margin:0; font-size:18px  }


.imp   { background-image:url(../images/import.png); 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:190px; position:relative; background:url(../images/bannerinner.jpg) center center no-repeat; 
                 -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mediconshome {
    margin: -45px 0 20px;
    height: 100px; border-top:2px #b0d2d3 solid; 
    position: relative;
    background: #fff;
     width:100%; float:right; 
}

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

.breadcramb   { float:right; width:auto; margin:0; color:#fff; font-size:16px; padding:10px 0 }
.breadcramb a  { float:right; width:auto;  color:#f8931e; font-size:16px; line-height:13px; height:18px; margin:0 0 0 5px; padding:0 0 0 10px; background:url(../images/backslash.png) left center no-repeat; }
.breadcramb a:last-child  { background:none }
.breadcramb a:hover  { text-decoration:none; color:#fff !important }

.titleinner   { float:right; width:100%; font-size:40px; text-align:right; color:#fff; margin:20px 0 5px }
.subtitle   { float:right; width:100%; font-size:24px; font-family:'DINNEXTARABICBOLD'; color:#f8941c; margin:0 0 20px;  }
.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%; margin:0 0 20px; text-align:justify }
.textinner img   { max-width:600px; float: right; margin: 25px; clear:both;}

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

a.downloadcareer   {     width: auto;
    float: right;
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none !important;
    background: #273342;
    line-height: 36px;
    height: 36px;
    padding: 0 5px 0 15px;
    margin: 0 0 0 10px; }

a.downloadcareer i  {       width: auto;
    float: right;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    height: 36px;
    margin: 0 10px; }


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:16px; 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 #9d7e49 solid;  }
.sidebarlist li a.active i   { color:#9d7e49 !important  }

.careerrow   { float:right; overflow:hidden; width:100%; margin:20px 0 20px; padding:20px 15px 10px; background:#f3f3f3 }
.careerrow h3     {color:#68b7fd; margin:0 0 15px; padding:0 0 10px; border-bottom:1px #ddd solid; font-size:16px; line-height:20px; overflow:hidden; max-height:48px; text-align:justify  }
.careerrow span     {color:#000; margin:0 0 15px; display:inherit; font-size:16px; line-height:22px; max-height:66px; overflow:hidden; text-align:justify }
.careerrow label    {color:#999; margin:0 0 7px; direction:rtl; display:inherit; font-size:14px; line-height:16px; height:18px; }
.careerrow a     {  color: #fff; font-size:15px; background:#9d7e49; padding:5px 10px; height:40px; line-height:40px; }
.careerrow a:hover     {  color: #fff; text-decoration:none  }
.careerrow a:focus, .careerrow a:visited     {  color: #fff;  text-decoration:none }

.careerrow h3 a     {color:#273342 !important; font-size:20px !important; line-height:24px !important; height:auto !important; padding:0 !important; background:none !important  }


.newswell     {float:right;overflow:hidden;width:100%;margin:20px 0 20px;padding:40px 0 10px 0;/* background:url(../images/bg_newslist.jpg) top right repeat-y; */}
.newswell h3     {color:#68b7fd; margin:0 0 15px; font-size:16px; line-height:20px; overflow:hidden; max-height:40px; text-align:justify  }
.newswell span     {color:#000; margin:0 0 15px; display:inherit; font-size:16px; line-height:22px; max-height:66px; overflow:hidden; text-align:justify }
.newswell label    {color:#999; margin:0 0 7px; direction:rtl; display:inherit; font-size:14px; line-height:16px; height:18px; }
.newswell a     {  color: #fff; font-size:15px; background:#9d7e49; padding:5px 10px; height:40px; line-height:40px; }
.newswell a:hover     {  color: #fff; text-decoration:none  }
.newswell a:focus, .newswell a:visited     {  color: #fff;  text-decoration:none }


.newswell h3 a     {color:#273342 !important; font-size:16px !important; line-height:20px !important; height:auto !important; padding:0 !important; background:none !important  }


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

.threecolums   { float:right; width:30%; margin:10px 1.65% }
.albumsframr   { float:right; width:100%; position:relative; height:200px; border:4px #ddd solid; overflow:hidden; margin:0 0 5px; }
.albumsframr img   { position:absolute; max-width:150%; min-height:200px; width:auto; min-width:100%; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%);
                    }
.albumtitle  { float:right; text-align:center; width:100%; height:50px;  overflow:hidden }
.albumtitle a  {  line-height:25px; color:#f8931e; font-size:18px }
.albumtitle a:hover  { color:#000; text-decoration:none }
.albumtitle a:focus  { color:#000; text-decoration:none }
.albumtitle a:visited  { color:#f8931e; text-decoration:none }


        .albumsframr a   { width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; }
        .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;
                                        }

        .albumholder    { float:right; width:100%; height:255px; position:relative }
        .albumholder a    { position:absolute; z-index:10; top:0; left:0; width:100%; height:100% }
                .albumholder span   { float:right; width:100%; height:50px; line-height:25px; overflow:hidden; text-align:center; color:#273342; font-size:18px; }


        .albumvideoholder    { float:right; width:100%; height:255px; margin:0 0 20px; position:relative }
        .albumvideoholder a    { position:absolute; z-index:10; top:0; left:0; width:100%; height:100% }
        .albumvideoholder span   { float:right; width:100%; height:50px; line-height:25px; overflow:hidden; text-align:center; color:#273342; font-size:18px; }



.footerright    {float:right;width:100%;text-align:center;color:#fff;margin:0 0 25px;}


.imgnewdetails   { float:right; width:100%; background:#e7f1f2 url(../images/bg_imgdetails.jpg) left top repeat-y; padding:15px 15px 15px 0;  }
.imgnewdetails img   { position:relative; float:right; width:100%; margin:0;  }
.imgnewdetails span   { position:relative; float:right; width:auto; max-width:80%; color:#797979; font-family:'DINNEXTARABICBOLD'; font-size:17px; margin:5px 0 0 }


.imgteamdetails      { float:right; width:100%; background:#e7f1f2; padding:15px;  }
.imgteamdetails img   { position:relative; float:right; width:100%; margin:0;  }

.teamprefe    { float:right; width:100%; margin:-15px 0 15px; color:#999 }

.datenews { color: #999; margin: -10px -15px 15px 0; direction: rtl; display: inherit; font-size: 14px; line-height: 16px; min-height: 18px;}
.datenews span { color: #999; margin: 0 0 0 15px; }
.skycolor   { color:#273342 !important }

.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:-20px 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 10px 0 0 }
.issuenewsd a    { float:right; width:auto; height:30px; text-align:center; line-height:30px; color:#999}
.issuenewsd a i  { height:30px; line-height:30px; margin:0 0 0 5px }

.frameform   { float:right; width:100%; margin:0 0 15px;  }
.titleform   { float:right; width:100%; margin:0 0 15px; padding:0; line-height:40px; color:#2d2d2d; font-size:22px; 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:19%; margin:0 0 0 1%; height:28px; line-height:28px; font-family:'DINNEXTARABICBOLD'; font-size:14px; color:#273342 }
.loginrow p  { float:right; width:80%; margin:0; line-height:28px; font-size:15px; color:#393939 }
.loginrow p a { color:#393939 }
.textboxsignup   { float:right; width:90%; height:40px; line-height:30px; padding:0 10px; font-size:14px; margin:0 0 0 10px; color:#999; border:1px #dcdcdc solid; background:#fcfdfd  }
.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:90%; height:100px; line-height:22px; font-size:14px; padding:0 10px; margin:0 0 0 10px; color:#999; border:1px #dcdcdc solid; background:#fcfdfd }
.loginrow b  { float:right; width:12px; font-size:18px; color:red }
.btnsendcomment   { cursor:pointer; float:left; margin:0 0 0 10%; background:#9d7e49;  border:none; color:#fff; font-size:16px; padding:0 25px; height:40px; line-height:40px }                   

.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 }

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


.borderrl   { border-left:1px #f3f3f3 solid; border-right:1px #f3f3f3 solid; padding:0 0 20px; background:#fff  }
.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; 
		border: 1px solid #e5e3e3; 
		text-align: right; 
	}

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

   .contentin a { 
		 color:#fff; background:#9d7e49 ; 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
	}


       .covervoting  { width:275px; padding:15px 3%; float:right }
.titlevoting { float: right; width: 100%; margin: 0 0 10px; color:#fff; padding:0 0 10px; border-bottom:1px #f9a94c solid; text-align: right; font-size: 16px; font-family:'DINNEXTARABICBOLD';}

.overlay33 {
    height: 240px; width: 0; cursor:pointer; position: fixed;  z-index: 1004;top: 60px;  left:0;   background-color: rgba(0,0,0, 0.9);   overflow-y: auto;   overflow-x: hidden; text-align: center; opacity:0; transition: opacity 1s}

.offvoting { height: 280px;  width: 0;  top: 60px; left: 0;   background-color: #f8941e; position: fixed; z-index: 1005; overflow-x: hidden; overflow-y: hidden; transition: .5s; padding-top: 0;}

.closeOffvoting { position: fixed; bottom: 0; right: 25px; font-size: 36px !important;  margin-left: 50px;}
#mainvoting { transition: margin-left .5s; width:auto; float:left; 
                 -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari 3-8 */
    transform: rotate(-90deg);
}
#myvoting   { height:108px; }


.example{
  margin-bottom : 0.5em; float:right; text-align:right; width:275px
}

.example div   { float:right; width:100%; text-align:right }
.example label{
   color:#fff
}


.example input[type=radio]:not(old){
  width   : 36px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.example input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-right  : -28px;
  padding-right : 28px;
  background   : url('../images/checks.png') no-repeat 100% 0;
  line-height  : 24px;
}


.example input[type=radio]:not(old):checked + label{
  background-position : 100% -48px;
}

.iconvoting {
    position: fixed;
    top: 89px;
    left: -30px;
    z-index: 1000;
}

.votbuttons           { float:right; width:270px; margin:0 0 10px;  } 
.votbuttons input     { float:left; width:auto; padding:7px 15px; color:#fff; margin:0 0 0 10px; border-radius:3px; border:none; background:#273342; cursor:pointer; font-size:14px;  } 

#voteSection    { float:right; width:100%; }
#voteSection p    { color:#fff; margin-bottom:10px; padding:0 20px  }

.mapframe   { float:right; width:100%; margin:10px 0 15px;
                -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);
box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);
}
.mapframe iframe   { width:100%; border:none; height:440px }

.iconnmi    {     position: relative; float:left; 
    z-index: 1;
    margin: -199px 0 0 15px;
    min-height: 181px; width:375px; }

.iconnmi img    { width:100% }

.iconnmihome    {     position: relative; float:left; 
    z-index: 1;
    margin: -181px 0 0 0;
    min-height: 181px; width:441px; border:none !important }

.iconnmihome img    { width:100% }

.eventitemhome   { float:right; width:100%; position:relative; margin:0 0 15px;  }
.eventitemhome a   { position:absolute; z-index:20; top:0; left:0; width:100%; height:100%;   }

.tooltips {
	display:none; 
	position:absolute;
	border:1px solid #333;
	background-color:#273342;
	border-radius:5px; z-index:10000;
	padding:10px;
	color:#fff;
	font-size:14px;
}

.mypets{ /*header of 1st demo*/

cursor: pointer; float:right;
padding: 0;
border: 0px;   color: #4e4e4e; background:#e7f1f2;  font-size:18px; min-height:50px;
width: 100%; margin:0 0 1px 0
}

.mypets i      { position:absolute; right:10px; width:auto; padding:0; margin:10px 0 0; font-size:28px;  
                     -webkit-transition: all 300ms ease-in 0s;
            -moz-transition: all 300ms ease-in 0s;
            -o-transition: all 300ms ease-in 0s;
            transition: all 300ms ease-in 0s;
}
.mypets span   { float:right; width:100%; padding:15px 0; text-align:right; line-height:20px;  }

.openpet  {
             background:#b0d2d3
        }


.openpet i {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

.mypets .lliis{ /*header of 1st demo*/
 padding:0 40px 0 0; position:relative}



.thepet{
width: 100%; float:right;
 display: none; 

}
.thepet .crosa{width:100%; float:right; text-align:right;  font-size:14px; color:#4e4e4e; padding: 10px 40px 10px 0;}
.thepet .crosa p{width:100%; float:right; text-align:right;  font-size:16px; color:#4e4e4e; padding: 0; margin:0 0 12px}
.thepet .crosa a{width:auto; float:right; text-align:center;  font-size:16px; color:#fff !important; text-decoration:none !important; background:#273342; line-height:36px; height:36px; padding:0 5px 0 15px; margin:0 0 0 10px}
.thepet .crosa a i{width:auto; float:right; font-size:18px; color:#fff; line-height:36px; height:36px;margin:0 10px}

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

.faqtitle    { float:right; width:100%; font-size:24px; color:#2d2d2d; margin:0 0 10px; font-family:'DINNEXTARABICBOLD'; }
.sidebartitles   { float:right; width:100%; margin:0 0 12px; color:#f8941e; font-size:20px;  }


.prgoitem    { float:right; width:100%; height:auto; padding:5px 10px 0; background:#e7f1f2; margin:0 0 1px; border-bottom:1px #f3f3f3 solid;  overflow:hidden; position:relative }
.prgoitem h6   { line-height:24px; font-family:'DINNEXTARABICREGULAR' !important; font-size:14px }
.prgoitem a   { position:absolute; top:0; right:0; width:100%; height:100%; z-index:3;  }
.prgoitem:hover > h6    { color:#000 }


.itemneshome    { float:right; width:100%; height:108px; margin:0 0 20px; overflow:hidden; position:relative }
.itemneshome h6   { line-height:24px; }
.itemneshome div   { padding:0 125px 0 0; position:relative }
.itemneshome span   { position:absolute; top:0; right:0; width:115px; height:88px; z-index:1; overflow:hidden;  }
.itemneshome img {
        position: absolute;
        width: auto;
        min-width: 100%;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index: 2;
        height: 88px;
        margin: 0;
        -webkit-transform: translateY(-50%) translateX(-50%);
    }

.itemneshome p    { float:right; width:100%; height:66px; margin:0; color:#4d4d4d; overflow:hidden; line-height:22px; font-size:14px; }
.itemneshome a   { position:absolute; top:0; right:0; width:100%; height:100%; z-index:3;  }
.itemneshome:hover > div > p    { color:#000 }

.itemneshome b    { float:right; width:100%; height:22px; margin:0; color:#273342; font-weight:normal; overflow:hidden; line-height:22px; font-size:14px; }

.newstitleinner   { float:right; width:100%; color:#273342; font-size:18px; font-family:'DINNEXTARABICBOLD'; margin:0 0 20px;}
.imgnewsdetails   { float:right; width:100%; margin:0 0 20px; }
.imgnewsdetails img   { width:100%; }

.testcopy    { float:right; width:auto; height:45px; line-height:39px; padding:0 15px; background:#9d7e49; color:#fff; font-family:'DINNEXTARABICBOLD'; font-size:18px;  }

.framenewsinner   { float:right; width:100%; padding:5px 0; border:1px #e5e5e5 solid; margin:0 0 15px }
.framenewsinner .accesotiszone  { margin:0 }
.framenewsinner .datenews  { margin:6px 0 0 }

.newsdetailstext    { float:right; width:100%; line-height:normal !important; margin:0 0 20px; color:#4d4d4d; font-size:15px  }
.newsdetailstext p    { margin:0  }

.sharetitle   { float:right; width:100%; color:#666; font-family:'DINNEXTARABICBOLD'; font-size:18px; margin:0 0 5px  }

.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;  }

#mini-clndr .clndr .days-container .days    {background-color: #eeeeee !important;text-align:center;}

#mini-clndr .clndr .days-container .days .day  { border-right:none !important; border-bottom:none !important; padding-top:11px !important; padding-bottom:11px !important; font-size:13px !important }
#mini-clndr .clndr .days-container .days .headers   { background-color:#9d7e49 !important; padding-top:10px; padding-bottom:10px; text-align:center }

#mini-clndr .clndr  { border-bottom:none !important; font-family:'DINNEXTARABICREGULAR' !important }
#mini-clndr    {box-shadow:none !important;-webkit-box-shadow:none !important;width:100% !important;padding:10px;background: #eeeeee;}

#mini-clndr .clndr .days-container .days   { width:100% !important }
#mini-clndr .clndr .days-container .events   { left:100% !important; width:100% !important; background-color:#e9f3fc !important; height:274px !important; }

#mini-clndr .clndr .days-container   { height:288px !important; width:100% !important }
#mini-clndr .clndr .days-container.show-events .events   { left:0 !important; height:274px !important; background-color:#e9f3fc !important }
#mini-clndr .clndr .days-container .events .event-header  { background-color:#9d7e49 !important;  }

#mini-clndr .clndr .days-container .events .x-button   { color:#fff }

#mini-clndr .clndr .days-container .events .events-list  { height:240px !important; overflow-x:hidden !important; overflow-y:auto !important; padding:0 10px 0 0 }

#mini-clndr .clndr .days-container .days .day.event   { background-color:#9d7e49 !important; color:#fff }
#mini-clndr .clndr .days-container .days .today       { background-color:#e9f3fc !important }

.teamzone   { float:right; width:100%; border:1px #ddd solid; text-align:center; position:relative; margin:0 0 20px; padding:30px 0; height:300px; 
              background: #f3f3f3;
}

.teamzone a {
    position:absolute; top:0; right:0; width:100%; height:282px; z-index:10; 
}


.teamzone p {
    display:inline-block; width:100%; font-size:20px; color:#424143; padding:0 20px; margin:20px 0 0; overflow:hidden; max-height:48px; line-height:24px; 
}

.teamzone span {
    display:inline-block; white-space:pre-line; position:relative; width:100%; font-size:16px;  color:#424143; margin:0; padding:0 10px; text-align:center; height:40px; line-height:20px; 
}

.teamzone i {
    font-size:22px; color:#424143; margin:0 8px 0 0; top:3px; position:relative;
}


.imgteam   { display:inline-block; width:150px; height:150px; border:2px #184b6a solid; border-radius:50%; background:#fff url(../images/bgimgteam.jpg) center center no-repeat; overflow:hidden; position:relative }
.imgteam img    {  position:absolute; max-width:130%; width:auto; min-width:100%; left:50%; top:50%; min-height:150px;
                    transform: translateY(-50%) translateX(-50%); z-index:1; 
     -webkit-transform: translateY(-50%) translateX(-50%); }

.teamzone:hover > span { display:inline-block }

ul.socialteam  { border-radius:10px; background:#cacdcf; position:relative; z-index:10; margin:0 20px 0 0; float:right; text-align:left; direction:ltr; padding:5px 12px; width:180px; display:none  }
ul.socialteam li { float:left; width:100%; height:32px; line-height:32px; list-style:none; }
ul.socialteam li a { float:left; width:auto !important; height:32px !important; line-height:32px; color:#1a5678;  list-style:none; position:relative !important }
ul.socialteam li a i {  font-size:18px !important; margin:0 8px 0 0 !important; top:1px }

.teamzone:hover > ul { display:inline-block}

.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 200;
	margin:0;
	border-top: 0;
	/* -webkit-box-shadow: 0 2px 3px #999; */
	-moz-box-shadow: 0 2px 3px #999;
	/* box-shadow: 0 2px 3px #999; */
}

#vote_errorMsg   { color:#273342; margin:-5px 20px 0 0; padding:0 30px 0 0; width:auto; float:right; font-size:16px; line-height:38px; height:30px; background:url(../images/selecthand.png) right center no-repeat; }
.logopartner   { width:100%; max-width:200px; height:110px; overflow:hidden; position:relative; border-left:2px #9d7e49solid; padding:0 0 0 1px; margin:0 0 10px;}
.logopartner img   { position:absolute; width:auto;  left:50%; top:50%; height:110px; 
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%); }

 #loading {
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                position: absolute;
                display: block;
                opacity: 1;
               
                z-index: 1020;
                text-align: center; }

                .featuries {
                    padding: 25px 0;
                    clear:  both;
                    background-color: #f0f0f0;
                }
  
  .featuries h1 {
                    margin-bottom: 20px;
                    /* font-size: 26px; */
                }
                .featuries i {
                    line-height: 40px;
                }
                    
.fa-cont {
    display: block;
    background-color: #273342;
    float: left;
    font-size: 26px;
    color: #c6a874;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 4%;
}

.featuries-details {
    float: left;
    width: 80%;
    margin-bottom: 35px;
}
           
.featuries h3 {
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 19px;
    margin-top: 10px;
    color: #273342;
}
.featuries-details p {
    font-size: 14px;
    margin: 10px 0 18px;
    color: #6a717a;
    height: 45px;
}
.more button {
    background-color: transparent;
    border: none;
    float: left;
    display: inline-block;
    color:  #fff;
}
.more {
    width: 108px;
    height: 35px;
    color: #c6a874;
    backface-visibility: #ccc;
    border: none;
    background-color: #273342;
    font-size: 17px;
    line-height: 32px;
    padding: 0 13px;
    margin:  auto;
}

.more i {
    font-size: 27px;
    width: 20px;
    /* height: 202px; */
    display: inline-block;
    margin-top: 4px;
    margin-left: 6px;
}
.featuries-details a {
    color: #c6a874;
}

.map {
    height: 300px;
    overflow: hidden;
    float:  right;
    width:  100%;
    margin-top: -10px;
}
.activities {
    
padding: 40px 0;
    
background: #f0f0f0 url(../images/bg_gisdark.jpg) center center;
    
/* float:  right; */
}     
.activities  img{
    max-width: 100%;
    max-height: 150px;
} 
.activities h1{
    margin-bottom:25px;
}   
.overlay {
    margin-bottom: 10px;
    width: 262px;
    height: 172px;
}
.overlay h4{
   text-align: center;
   color: #273342;
}
.img-gal-cont:hover h2{
	color:#9d7e49;
}

@media (min-width: 1200px)  
{
    

}
@media (max-width: 1200px)  {
    .loginrow span  { width:100%; margin:0 0 5px }
.loginrow p   { width:100%; margin:0 0 15px }
}



	

@media (max-width: 1024px)  {


}

@media (max-width: 1000px)  {
    .greenstiker  { display:none }
}

@media (max-width: 990px)  {

	
		
}

@media (max-width: 979px)  {

}


@media only screen and (max-width: 959px) {

    .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;
    }
    .menu > ul > li a {
        padding: 0 3%;
        width: 94%; font-size:16px;
        display: block; color:#666
    }
    .menu > ul > li > ul {
        position: relative; top:0
    }
    .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
    }
}
@media (max-width: 800px)  {

}

@media (max-width: 768px)  {
.threcolum   { width:48%; }
.fourcolum   { width:31%;  }

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

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

 .sliderhome  { display:none }
.footerholder   {  padding:0 15px } 
.threecolums   { width:47%; margin:20px 1.5% }
.stepstitle    { border-left:none; border-bottom:5px #ffd102 solid }
.newshomeimg  { width:100% }
.newscontenthome   { width:100% }
.newscontenthome   { padding:10px 20px }
}
@media (max-width: 735px)  {
    .shiftinner   { margin:0 }
    .logo  { text-align:center }
    a.stratgy   { width:100%; 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)  {
  .imgnewdetails   { max-width:100%; margin:0 0 20px }
  .imgnewdetails img   { margin:0 !important; }
  .homemessage   { width:100%; padding:0 20px; font-size:24px; }
  .filratopn   { display:none }
  .threecolums   { width:100%; margin:20px 0 }

}

@media (max-width: 414px)  {

}



@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');}



/* 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; }
	  
	  body  
	  { overflow-x:hidden
	  }

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

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; }

.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:2;padding: 15px 0;margin:0;background: #273342;background: url(../images/bg_testmonial.jpg) center center;z-index: 999999999;}
.menubar     {width:100%;float: left!important;position:relative;/* background:#f0f0f0; *//* border-bottom: 5px solid#9d7e49; */direction:  ltr;}
.nocaces       {/* display:  none; */width:100%;float:right;background:#fff;padding:20px 0;}
.lightblue       {width:100%;float:right;background: #9d7e49;padding:20px 0;}
.footerzone     {
                   width:100%;
                   float:right;
                   margin:0;
                   /* background:url(../images/bg_footer.jpg) center center no-repeat; */
                   /* -webkit-background-size: cover; */
                   -moz-background-size: cover;
                   -o-background-size: cover;
                   /* background-size: cover; */
                   padding: 40px 0;
                   background-color: #273342;
                   /* height:  auto; */
                   background: url(../images/bg_testmonial.jpg) center center;
}
.darktestmonial     {width:100%;float:right;margin:0;padding: 3px;background: url(../images/bg_testmonial.jpg) center center;text-align: center;/* clear:  both; */max-height: 237px;overflow:  hidden;}
.titlehome      {float:right;width:100%;padding:0 15px;border-l: 4px #9d7e49 solid;color:#273342;font-size:30px;min-height:32px;line-height:32px;margin:0 0 20px;}
.titlehome a     { color:#273342; text-decoration:none !important; }
.imgevents   { float:right; width:100%; border-bottom:3px #9d7e49 solid; height:230px; overflow:hidden; position:relative }
.imgevents img  { position:absolute; width:auto; min-width:100%; left:50%; top:50%; height:230px; 
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%);

}
.eventdate   { float:right; width:100%; position:relative }
.holdereventhom   { position:relative; padding:0 80px 0 0 }
.orangdate  { position:absolute; top:0; right:0; width:60px; padding:0 0 8px; line-height:20px; text-align:center; color:#fff; background:#9d7e49  }
.orangdate span  { width:100%; float:right; }
.nameplaceevent   { float:right; width:100%; color:#273342;font-size:14px; padding:3px 0 0 }
.nameplaceevent span   { float:right; width:100%; color:#2d2d2d;font-size:16px }
.nameplaceevent p   {  margin:0 }

.eventhomedetail     { float:right; width:100%; height:50px; line-height:25px; overflow:hidden; color:#6a6a6a; font-size:16px; margin:15px 0 0 }

.newslisthome     { float:right; width:100%; border-bottom:1px #d8d9db solid; padding:0 100px 8px 0; margin:0 0 8px; position:relative }
.newslisthome a     { position:absolute; z-index:2; top:0; right:0; width:100%; height:100%; }

.imgnewslist   { position:absolute;  width:90px; height:90px; overflow:hidden; top:0; right:0 }
.imgnewslist img    { position:absolute; width:auto; min-width:100%; left:50%; top:50%; height:90px; 
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%); }

.newslistcontent        { float:right; width:100%;  }
.newslistcontent h3        { float:right; width:100%; color:#2d2d2d; font-size:14px; max-height:40px; line-height:20px; margin:0 0 2px; overflow:hidden }
.newslistcontent span       { float:right; width:100%; margin:0; color:#9d7e49; font-size:14px;   }
.newslistcontent p       { float:right; width:100%; max-height:57px; line-height:19px; color:#6a6a6a; font-size:14px; overflow:hidden; padding:0; margin:0  }

.searchzone  {float: left;width: 70%;/* border:1px #dcdcdc solid; */margin-top: 25px;margin-left: 32px;}
.searchzone input[type="text"]  {float: left;width: 35%;border:none;height: 32px;line-height:44px;padding:0 10px;}
.searchzone input[type="submit"]  {float:left;width: 48px;height: 33px;background:#9d7e49 url(../images/search-icon.png) center center no-repeat;border:none;}

.optionstophome    { float:right; width:100%; text-align:center; padding:30px 0 0; height:275px; position:relative }
.optionstophome i   { display:inline-block; width:auto; margin:0 0 20px; color:#9d7e49; font-size:50px; }
.optionstophome h2   { display:inline-block; width:100%; margin:0 0 20px; color:#273342; font-size:18px; height:44px; line-height:22px; padding:0 90px; overflow:hidden }
.optionstophome p   { display:inline-block; width:100%; margin:0 0 15px; color:#393939; font-size:14px; height:60px; line-height:20px; padding:0 40px; overflow:hidden }
.optionstophome a   { position:absolute; bottom:0; left:50%; width:36px; height:24px; background:#273342; color:#fff; text-align:center;
                      transform:translateX(-50%); z-index:1;
     -webkit-transform: translateX(-50%);
}

.optionstophome a:hover   { background:#f8941e; }
.optionstophome a i  { font-size:15px !important; color:#fff !important; margin:0 !important; line-height:24px; }

.newsletter     {display:inline-block;border: 1px #9d7e49 solid;background: #273342;margin:0 0 15px;}
.euro p    { color:#9d7e49}
.newsletter input[type="text"]  { float:right; width:280px; border:none; color:#fff; background:none; height:38px; line-height:24px; padding:0 10px; }
.newsletter input[type="email"]  {float:right;width:280px;border:none;color: #fff;background:none;height:38px;line-height:24px;padding:0 10px;}
.newsletter input[type="submit"]  {float:left;width:auto;height:38px;line-height:38px;padding:0 30px;background: #9d7e49;color: #ffffff;font-size:16px;border:none;}

.topline   {float:right;width:100%;position:relative;background: #9d7e49;min-height:45px;}
.toplinewhite     { background: url(../images/bg_linetop.jpg) bottom center repeat-x; height:45px }
.toplineholder     { position:absolute; top:0; left:0; width:100%; z-index:1 }
.toplinezone       {float:right;width:100%;height:45px;/* background:#f0f0f0 url(../images/bg_toplinekey.jpg) center right no-repeat; */}
.toplinezone ul      { float:left; width:auto; margin:0; padding:0  }
.toplinezone li      {float:right;width:auto;margin:0;padding:12px 0;list-style:none;color: #eceaea;}
.toplinezone li a      {float:right;width:auto;margin:0 0 0 8px;text-decoration:none !important;padding:0 0 0 8px;border-left:1px #273342 solid;height:21px;line-height:21px;color: #ffffff;font-size:14px;}
.toplinezone li a i     { float:right; width:auto; margin:0 0 0 5px; padding:0; color:#273342; font-size:18px; height:21px; line-height:21px;  }
.toplinezone li:last-child a     { padding:0; margin:0; border-left:none;  }

.copyright     { width:100%; float:right; margin:10px 0 15px; background:#fff; text-align:center }
.bggridmenu   { width:100%; float:right; height:6px; background: linear-gradient(-90deg, #3181c8, #002b55);
 background-size: 100% 100%; }

.logo    { margin:10px 0 0; float:right; width:100% }
.whitenote  { float:right; width:100%; background:#fff; text-align:center; border-bottom:3px #002b55 solid; margin:0 0 15px; padding:20px;
              -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:100%;  margin:0 0 5px; display:inline-block  }
.whitenote h3  {width:100%;  margin:0 0 15px; display:inline-block; color:#3181c8; font-size:20px;  }
.whitenote p  {width:100%;  margin:0 0 15px; display:inline-block; height:154px; overflow:hidden; line-height:22px;   }
.whitenote a  {width:auto; float:left; font-size:36px; color:#9d7e49  }

.transnote  { float:right; width:100%; text-align:center; margin:0 0 15px; padding:20px;
            
}
.transnote img  { width:auto; max-width:100%; 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:24px; 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:#9d7e49  }
.transnote a:hover  {color:#fff  }


.caruslholder     {float:right;width:100%;direction:ltr;position:relative;z-index:4;/* display:  none; */}

.bgthrehome   { float:right; width:100%; height:370px; overflow:hidden; position:relative; margin:20px 0; }

.bgthrehome img  { position:absolute; width:130%; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%);
     -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 > img  { width:100%; -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:24px; padding:0 0 10px; color:#2d2d2d; background:url(../images/bg_linetitle.jpg) bottom center no-repeat; margin:0 0 20px; font-family:'DINNEXTARABICBOLD'; }
.titleright    { float:right; width:100%; text-align:right; font-size:26px; color:#002b55; margin:0 0 20px; font-family:'DINNEXTARABICBOLD'; }
.titlesidbar    { float:right; width:100%; text-align:right; font-size:18px; color:#002b55; margin:0 0 20px; font-family:'DINNEXTARABICBOLD'; }
.sliderhome   {float:right;width:100%;position:relative;text-align:center;overflow:hidden;max-height:625px;}
.sliderhome img   { width:100% }

.filratopn   {position:absolute;z-index:110;bottom:0;left:0;width:100%;display:  none;}
.slidoption   { float:right; width:100%; background:#fff; }
.slidoption div  { border-left:1px #f0f0f0 solid }
.slidoption div:last-child  { border-left:none }
a.stratgy   { float:left; width:auto; margin:0 10px;   }
.footertitles     { float:right; width:100%; margin:12px 0; color:#9d7e49; font-size:18px; 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:14px; color:#a3abb7; }
.listfooter li a:hover    { color:#fff; text-decoration:none; }

.partnnerzone   { float:right; width:100%; position:relative; height:100px; overflow:hidden; margin:0 0 20px }
.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%);
}

.partnnerinner   { float:right; width:100%; position:relative; height:160px; overflow:hidden; text-align:center; margin:0 0 20px }
.partnnerinner img  { position:absolute; width:auto !important; left:50%; top:0;
                    transform: translateX(-50%); z-index:1; height:120px; 
     -webkit-transform: translateX(-50%);
}

.partnnerinner span  { position:absolute; left:0; width:100%; z-index:1; text-align:center; height:40px; overflow:hidden; line-height:20px; font-size:17px; 
                       font-family:'DINNEXTARABICBOLD'; color:#273342; bottom:0
}

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

.partnnerinner a:hover > span   { color:#9d7e49}



.footericons  {float:left;width:auto;/* margin: 9px 0; */position:relative;text-align:left;direction:ltr;display:  none;}
.footericons ul  { margin:0; }

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

.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;
}

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

.footericons i    {font-size:30px !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%;}

.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   { 
               -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:#9d7e49; 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; height:72px; line-height:24px; margin:10px 0 15px; padding:0 15px; overflow:hidden }

.filtercontent    { float:right; width:100%; margin:40px 0 0  }
/*.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:#9d7e49 url(../images/bg_submitbtn.png) center center no-repeat;  }
.filterinnerzone input[type="submit"]    { border:none; width:42px; height:42px; border-radius:50%; background:#9d7e49 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 h1{color:#273342 !important;  border-top:none; width:60%; text-shadow:none !important; margin:45px 0 24px 0; float:right; overflow:hidden; position:relative !important; display:block; padding:0; background:none !important; font-size:40px; line-height:50px }
.tabs>DIV h1 span{color: #e6e5e4 !important;border-top:4px #9d7e49solid;width:auto;text-shadow:none !important;float:right;overflow:hidden;position:relative !important;display:block;padding:0;background:none !important;margin:0 0 0 10px;font-size:40px;line-height:50px;}
.tabs>DIV p{color: #ffffff !important;border-top:none;width:60%;text-align:justify;float:right;max-height:168px !important;overflow:hidden;position:relative !important;display:block;padding:0;margin:0 0 5px;background:none !important;font-size:18px;line-height:24px;}
.tabs>DIV span { border-top:none; width:60%; text-align:justify; float:right; max-height:168px !important; overflow:hidden; position:relative !important; display:block; padding:0; background:none !important; font-size:18px; line-height:24px}
.tabs>DIV span a{color:#273342 !important; font-size:20px; line-height:24px; text-decoration:none !important }
.tabs>DIV b{ float:right; width:100%; height:15px; }
.tabs UL.horizontal{list-style:none outside none;margin:-45px 0 0; float:right; padding:0; width:100%}
.tabs LI{  margin:0;display:inline-block;}

.tabs li A{color: #ffffff;display:block;font-size:22px;padding:9px 24px;position:relative;text-decoration:none;font-family:'DINNEXTARABICBOLD';}
.tabs li A i {color: #ffffff;font-size:26px;margin:3px 0 0 5px;}
.tabs LI:hover{ }
.tabs LI:hover A{color: #2d2d2d;text-decoration:none;}
.tabs .active{ }
.tabs .active A{color: #2d2d2d!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;}

.imgtabs   { float:left; width:300px; height:370px; margin:0 0 0 40px; overflow:hidden; position:relative; border:4px #9d7e49 solid }
.imgtabs img  { position:absolute; width:auto !important;  min-width:100%; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1; height:370px; 
     -webkit-transform: translateY(-50%) translateX(-50%);
    
}

.calenderevents   { float:right; width:100% }
.calenderevents img    {  width:100% }

a.morerotattabs     {     width: auto;
    float: left;
    font-size: 36px;
    color: #9d7e49; }

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

.famusname   { float:right; width:100%; color:rgba(255,255,255,0.5) }
.famusname span  { float:right; width:100%; color:#f8941e; font-size:20px; margin:0 }

.famusnameinner   { float:right; width:100%; color:#9d7e49; border-bottom:1px #ddd dotted; margin:0 0 20px; padding:0 0 10px }
.famusnameinner span  { float:right; width:100%; color:#000; font-size:20px; margin:0 }

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

.stepstitle  {float:right;text-align:center;width:100%;padding: 24px 15px;line-height:30px;font-size:35px;color:#e7e7e7;}
.stepstitle a  { color:#e7e7e7 !important; text-decoration:none !important  }
.textsteps     {/* float:right; *//* text-align:justify; */width:100%;/* margin:0 0 10px; */line-height:25px;height:50px;overflow:hidden;color:#fff;font-size:15px;}

.textstepsinner     { float:right; text-align:justify; width:100%; margin:0 0 10px; line-height:25px; min-height:50px; color:#666; font-size:15px; }

.imgsteps   { float:right; width:120px; position:relative; overflow:hidden; height:120px; border:2px #fff solid; border-radius:50%; }

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

.newshome   { float:right; width:100%; margin:0; direction:rtl; background:#f3f3f3 }
.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; line-height:25px; font-size:17px; overflow:hidden }
.newscontenthome h1 a   { font-size:17px !important; color:#002b55 !important;  }
.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: #9d7e49; }

.euro    {float:right;width:100%;padding:0;text-align:center;/* margin-top: 80px; */}
.euro span    {float:right;width:100%;margin:0 0 20px;color:rgba(255,255,255,1);}
.euro img    {  width:auto; margin:0 0 10px; }

.euro ul   {float:right;width:100%;padding:7px 0;margin:0 0 15px;/* background:#2d2d2d; */text-align:center;}
.euro li   {display:inline-block;/* border-left:1px #fff solid; */padding:0 0 0 15px;/* margin:0 0 0 15px; */list-style:none;height:16px;line-height:16px;}
.euro li:last-child   { border-left:none; padding:0; margin:0; }
.euro li a   {/* height:16px; */line-height: 40px;color: #273342;font-size: 17px;background-color: #9d7e49;width: 40px;height: 40px;display: block;border-radius:  50%;}
.euro li a .fa{
	line-height: 40px;
}

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

.menus {
    
    text-align:center; margin:12px 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:#00af40;
    border-color:#999999 #999999 #FFFFFF;
    z-index:2;
}
.nav li div {
    position:relative;
}
.nav li div div {
    padding:5px 5px 5px 1px; background:#fff;
    display:none; border:1px #ddd solid;
    font-size:0.75em;
    margin:0 0 0 0;
    position:absolute;
    top:0;
    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;
    direction: ltr;
    /* z-index:  99999999999; */
}

.menu-mobile {
    display: none;
    padding: 5px 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 {
    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;
    z-index:  999999;
}

.menu ul li:hover > ul {

 
}

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

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

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
    color: #eeeff0;
    text-align:  left;
    position:  relative;
}

.menu > ul > li:hover {
     /* background:#dbdada; */
     color: #273342;
}

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

.menu > ul > li a {
    text-decoration: none;
    color: #dbdada;
    text-align: right!important;
    padding: 31px 0.8em 0;
    height:88px;
    display: block;
    font-size: 19px;
    font-family:'DINNEXTARABICREGULAR';
}

.menu > ul > li a span{
    width:100%;
    display:inline-block;
    text-align: right;
}


.menu > ul > li a i {
      line-height:40px;
      height:40px;
      font-size:24px;
      display:  none;
}

.menu > ul > li > ul {
    display: none;
    width: 210px;
    padding: 0;
    position: absolute;
    z-index: 999999;
    right: 0;
    top:88px;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}



.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: 0;
    padding-bottom: 0;
    list-style: none;
    width: 100%; position:relative; 
    background: none;
    float: right;
}

.menu > ul > li > ul > li a {
    color: #333;
    text-align: right!important;
    font-size:14px;
    height:auto;
    line-height:normal;
    width: 100%;
    background:#dbdada;
    display: block;
    padding:9px 12px !important;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li a:hover {
    color: #fff; background:#273342 
}

.menu > ul > li > ul > li > ul {
    display: none; position:absolute; width:210px; 
    padding: 0; right:100%; 
    margin: 0; top:0; 
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li:hover > ul    { display:block }

.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; font-size:16px
}

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

.menu > ul > li > ul.normal-sub {
    width: 210px;
    r: auto;
    padding: 0;
    /* z-index:  9999999999; */
}

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

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

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

.menu > ul > li > ul.normal-sub > li a:hover {
   color:#fff; background:#273342

}


.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;margin:60px 0 0;text-align:left;color:rgba(134,132,131,0.2);font-size:40px;display: none;}
.sloganhead span   { float:right; width:100%; text-align:center; font-size:22px;  }
.sloganhead p      { float:right; width:100%; text-align:center; margin:0; font-size:18px  }


.imp   { background-image:url(../images/import.png); 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:190px; position:relative; background:url(../images/bannerinner.jpg) center center no-repeat; 
                 -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mediconshome {
    margin: -45px 0 20px;
    height: 100px; border-top:2px #b0d2d3 solid; 
    position: relative;
    background: #fff;
     width:100%; float:right; 
}

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

.breadcramb   { float:right; width:auto; margin:0; color:#fff; font-size:16px; padding:10px 0 }
.breadcramb a  { float:right; width:auto;  color:#f8931e; font-size:16px; line-height:13px; height:18px; margin:0 0 0 5px; padding:0 0 0 10px; background:url(../images/backslash.png) left center no-repeat; }
.breadcramb a:last-child  { background:none }
.breadcramb a:hover  { text-decoration:none; color:#fff !important }

.titleinner   { float:right; width:100%; font-size:40px; text-align:right; color:#fff; margin:20px 0 5px }
.subtitle   { float:right; width:100%; font-size:24px; font-family:'DINNEXTARABICBOLD'; color:#f8941c; margin:0 0 20px;  }
.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%; margin:0 0 20px; text-align:justify }
.textinner img   { max-width:600px; float: right; margin: 25px; clear:both;}

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

a.downloadcareer   {     width: auto;
    float: right;
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none !important;
    background: #273342;
    line-height: 36px;
    height: 36px;
    padding: 0 5px 0 15px;
    margin: 0 0 0 10px; }

a.downloadcareer i  {       width: auto;
    float: right;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    height: 36px;
    margin: 0 10px; }


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:16px; 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 #9d7e49 solid;  }
.sidebarlist li a.active i   { color:#9d7e49 !important  }

.careerrow   { float:right; overflow:hidden; width:100%; margin:20px 0 20px; padding:20px 15px 10px; background:#f3f3f3 }
.careerrow h3     {color:#68b7fd; margin:0 0 15px; padding:0 0 10px; border-bottom:1px #ddd solid; font-size:16px; line-height:20px; overflow:hidden; max-height:48px; text-align:justify  }
.careerrow span     {color:#000; margin:0 0 15px; display:inherit; font-size:16px; line-height:22px; max-height:66px; overflow:hidden; text-align:justify }
.careerrow label    {color:#999; margin:0 0 7px; direction:rtl; display:inherit; font-size:14px; line-height:16px; height:18px; }
.careerrow a     {  color: #fff; font-size:15px; background:#9d7e49; padding:5px 10px; height:40px; line-height:40px; }
.careerrow a:hover     {  color: #fff; text-decoration:none  }
.careerrow a:focus, .careerrow a:visited     {  color: #fff;  text-decoration:none }

.careerrow h3 a     {color:#273342 !important; font-size:20px !important; line-height:24px !important; height:auto !important; padding:0 !important; background:none !important  }


.newswell     {float:right;overflow:hidden;width:100%;margin:20px 0 20px;padding:40px 0 10px 0;/* background:url(../images/bg_newslist.jpg) top right repeat-y; */}
.newswell h3     {color:#68b7fd; margin:0 0 15px; font-size:16px; line-height:20px; overflow:hidden; max-height:40px; text-align:justify  }
.newswell span     {color:#000; margin:0 0 15px; display:inherit; font-size:16px; line-height:22px; max-height:66px; overflow:hidden; text-align:justify }
.newswell label    {color:#999; margin:0 0 7px; direction:rtl; display:inherit; font-size:14px; line-height:16px; height:18px; }
.newswell a     {  color: #fff; font-size:15px; background:#9d7e49; padding:5px 10px; height:40px; line-height:40px; }
.newswell a:hover     {  color: #fff; text-decoration:none  }
.newswell a:focus, .newswell a:visited     {  color: #fff;  text-decoration:none }


.newswell h3 a     {color:#273342 !important; font-size:16px !important; line-height:20px !important; height:auto !important; padding:0 !important; background:none !important  }


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

.threecolums   { float:right; width:30%; margin:10px 1.65% }
.albumsframr   { float:right; width:100%; position:relative; height:200px; border:4px #ddd solid; overflow:hidden; margin:0 0 5px; }
.albumsframr img   { position:absolute; max-width:150%; min-height:200px; width:auto; min-width:100%; left:50%; top:50%;
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%);
                    }
.albumtitle  { float:right; text-align:center; width:100%; height:50px;  overflow:hidden }
.albumtitle a  {  line-height:25px; color:#f8931e; font-size:18px }
.albumtitle a:hover  { color:#000; text-decoration:none }
.albumtitle a:focus  { color:#000; text-decoration:none }
.albumtitle a:visited  { color:#f8931e; text-decoration:none }


        .albumsframr a   { width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; }
        .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;
                                        }

        .albumholder    { float:right; width:100%; height:255px; position:relative }
        .albumholder a    { position:absolute; z-index:10; top:0; left:0; width:100%; height:100% }
                .albumholder span   { float:right; width:100%; height:50px; line-height:25px; overflow:hidden; text-align:center; color:#273342; font-size:18px; }


        .albumvideoholder    { float:right; width:100%; height:255px; margin:0 0 20px; position:relative }
        .albumvideoholder a    { position:absolute; z-index:10; top:0; left:0; width:100%; height:100% }
        .albumvideoholder span   { float:right; width:100%; height:50px; line-height:25px; overflow:hidden; text-align:center; color:#273342; font-size:18px; }



.footerright    {float:right;width:100%;text-align:center;color:#fff;margin:0 0 25px;}


.imgnewdetails   { float:right; width:100%; background:#e7f1f2 url(../images/bg_imgdetails.jpg) left top repeat-y; padding:15px 15px 15px 0;  }
.imgnewdetails img   { position:relative; float:right; width:100%; margin:0;  }
.imgnewdetails span   { position:relative; float:right; width:auto; max-width:80%; color:#797979; font-family:'DINNEXTARABICBOLD'; font-size:17px; margin:5px 0 0 }


.imgteamdetails      { float:right; width:100%; background:#e7f1f2; padding:15px;  }
.imgteamdetails img   { position:relative; float:right; width:100%; margin:0;  }

.teamprefe    { float:right; width:100%; margin:-15px 0 15px; color:#999 }

.datenews { color: #999; margin: -10px -15px 15px 0; direction: rtl; display: inherit; font-size: 14px; line-height: 16px; min-height: 18px;}
.datenews span { color: #999; margin: 0 0 0 15px; }
.skycolor   { color:#273342 !important }

.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:-20px 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 10px 0 0 }
.issuenewsd a    { float:right; width:auto; height:30px; text-align:center; line-height:30px; color:#999}
.issuenewsd a i  { height:30px; line-height:30px; margin:0 0 0 5px }

.frameform   { float:right; width:100%; margin:0 0 15px;  }
.titleform   { float:right; width:100%; margin:0 0 15px; padding:0; line-height:40px; color:#2d2d2d; font-size:22px; 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:19%; margin:0 0 0 1%; height:28px; line-height:28px; font-family:'DINNEXTARABICBOLD'; font-size:14px; color:#273342 }
.loginrow p  { float:right; width:80%; margin:0; line-height:28px; font-size:15px; color:#393939 }
.loginrow p a { color:#393939 }
.textboxsignup   { float:right; width:90%; height:40px; line-height:30px; padding:0 10px; font-size:14px; margin:0 0 0 10px; color:#999; border:1px #dcdcdc solid; background:#fcfdfd  }
.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:90%; height:100px; line-height:22px; font-size:14px; padding:0 10px; margin:0 0 0 10px; color:#999; border:1px #dcdcdc solid; background:#fcfdfd }
.loginrow b  { float:right; width:12px; font-size:18px; color:red }
.btnsendcomment   { cursor:pointer; float:left; margin:0 0 0 10%; background:#9d7e49;  border:none; color:#fff; font-size:16px; padding:0 25px; height:40px; line-height:40px }                   

.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 }

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


.borderrl   { border-left:1px #f3f3f3 solid; border-right:1px #f3f3f3 solid; padding:0 0 20px; background:#fff  }
.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; 
		border: 1px solid #e5e3e3; 
		text-align: right; 
	}

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

   .contentin a { 
		 color:#fff; background:#9d7e49 ; 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
	}


       .covervoting  { width:275px; padding:15px 3%; float:right }
.titlevoting { float: right; width: 100%; margin: 0 0 10px; color:#fff; padding:0 0 10px; border-bottom:1px #f9a94c solid; text-align: right; font-size: 16px; font-family:'DINNEXTARABICBOLD';}

.overlay33 {
    height: 240px; width: 0; cursor:pointer; position: fixed;  z-index: 1004;top: 60px;  left:0;   background-color: rgba(0,0,0, 0.9);   overflow-y: auto;   overflow-x: hidden; text-align: center; opacity:0; transition: opacity 1s}

.offvoting { height: 280px;  width: 0;  top: 60px; left: 0;   background-color: #f8941e; position: fixed; z-index: 1005; overflow-x: hidden; overflow-y: hidden; transition: .5s; padding-top: 0;}

.closeOffvoting { position: fixed; bottom: 0; right: 25px; font-size: 36px !important;  margin-left: 50px;}
#mainvoting { transition: margin-left .5s; width:auto; float:left; 
                 -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari 3-8 */
    transform: rotate(-90deg);
}
#myvoting   { height:108px; }


.example{
  margin-bottom : 0.5em; float:right; text-align:right; width:275px
}

.example div   { float:right; width:100%; text-align:right }
.example label{
   color:#fff
}


.example input[type=radio]:not(old){
  width   : 36px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.example input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-right  : -28px;
  padding-right : 28px;
  background   : url('../images/checks.png') no-repeat 100% 0;
  line-height  : 24px;
}


.example input[type=radio]:not(old):checked + label{
  background-position : 100% -48px;
}

.iconvoting {
    position: fixed;
    top: 89px;
    left: -30px;
    z-index: 1000;
}

.votbuttons           { float:right; width:270px; margin:0 0 10px;  } 
.votbuttons input     { float:left; width:auto; padding:7px 15px; color:#fff; margin:0 0 0 10px; border-radius:3px; border:none; background:#273342; cursor:pointer; font-size:14px;  } 

#voteSection    { float:right; width:100%; }
#voteSection p    { color:#fff; margin-bottom:10px; padding:0 20px  }

.mapframe   { float:right; width:100%; margin:10px 0 15px;
                -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);
box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);
}
.mapframe iframe   { width:100%; border:none; height:440px }

.iconnmi    {     position: relative; float:left; 
    z-index: 1;
    margin: -199px 0 0 15px;
    min-height: 181px; width:375px; }

.iconnmi img    { width:100% }

.iconnmihome    {     position: relative; float:left; 
    z-index: 1;
    margin: -181px 0 0 0;
    min-height: 181px; width:441px; border:none !important }

.iconnmihome img    { width:100% }

.eventitemhome   { float:right; width:100%; position:relative; margin:0 0 15px;  }
.eventitemhome a   { position:absolute; z-index:20; top:0; left:0; width:100%; height:100%;   }

.tooltips {
	display:none; 
	position:absolute;
	border:1px solid #333;
	background-color:#273342;
	border-radius:5px; z-index:10000;
	padding:10px;
	color:#fff;
	font-size:14px;
}

.mypets{ /*header of 1st demo*/

cursor: pointer; float:right;
padding: 0;
border: 0px;   color: #4e4e4e; background:#e7f1f2;  font-size:18px; min-height:50px;
width: 100%; margin:0 0 1px 0
}

.mypets i      { position:absolute; right:10px; width:auto; padding:0; margin:10px 0 0; font-size:28px;  
                     -webkit-transition: all 300ms ease-in 0s;
            -moz-transition: all 300ms ease-in 0s;
            -o-transition: all 300ms ease-in 0s;
            transition: all 300ms ease-in 0s;
}
.mypets span   { float:right; width:100%; padding:15px 0; text-align:right; line-height:20px;  }

.openpet  {
             background:#b0d2d3
        }


.openpet i {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

.mypets .lliis{ /*header of 1st demo*/
 padding:0 40px 0 0; position:relative}



.thepet{
width: 100%; float:right;
 display: none; 

}
.thepet .crosa{width:100%; float:right; text-align:right;  font-size:14px; color:#4e4e4e; padding: 10px 40px 10px 0;}
.thepet .crosa p{width:100%; float:right; text-align:right;  font-size:16px; color:#4e4e4e; padding: 0; margin:0 0 12px}
.thepet .crosa a{width:auto; float:right; text-align:center;  font-size:16px; color:#fff !important; text-decoration:none !important; background:#273342; line-height:36px; height:36px; padding:0 5px 0 15px; margin:0 0 0 10px}
.thepet .crosa a i{width:auto; float:right; font-size:18px; color:#fff; line-height:36px; height:36px;margin:0 10px}

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

.faqtitle    { float:right; width:100%; font-size:24px; color:#2d2d2d; margin:0 0 10px; font-family:'DINNEXTARABICBOLD'; }
.sidebartitles   { float:right; width:100%; margin:0 0 12px; color:#f8941e; font-size:20px;  }


.prgoitem    { float:right; width:100%; height:auto; padding:5px 10px 0; background:#e7f1f2; margin:0 0 1px; border-bottom:1px #f3f3f3 solid;  overflow:hidden; position:relative }
.prgoitem h6   { line-height:24px; font-family:'DINNEXTARABICREGULAR' !important; font-size:14px }
.prgoitem a   { position:absolute; top:0; right:0; width:100%; height:100%; z-index:3;  }
.prgoitem:hover > h6    { color:#000 }


.itemneshome    { float:right; width:100%; height:108px; margin:0 0 20px; overflow:hidden; position:relative }
.itemneshome h6   { line-height:24px; }
.itemneshome div   { padding:0 125px 0 0; position:relative }
.itemneshome span   { position:absolute; top:0; right:0; width:115px; height:88px; z-index:1; overflow:hidden;  }
.itemneshome img {
        position: absolute;
        width: auto;
        min-width: 100%;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index: 2;
        height: 88px;
        margin: 0;
        -webkit-transform: translateY(-50%) translateX(-50%);
    }

.itemneshome p    { float:right; width:100%; height:66px; margin:0; color:#4d4d4d; overflow:hidden; line-height:22px; font-size:14px; }
.itemneshome a   { position:absolute; top:0; right:0; width:100%; height:100%; z-index:3;  }
.itemneshome:hover > div > p    { color:#000 }

.itemneshome b    { float:right; width:100%; height:22px; margin:0; color:#273342; font-weight:normal; overflow:hidden; line-height:22px; font-size:14px; }

.newstitleinner   { float:right; width:100%; color:#273342; font-size:18px; font-family:'DINNEXTARABICBOLD'; margin:0 0 20px;}
.imgnewsdetails   { float:right; width:100%; margin:0 0 20px; }
.imgnewsdetails img   { width:100%; }

.testcopy    { float:right; width:auto; height:45px; line-height:39px; padding:0 15px; background:#9d7e49; color:#fff; font-family:'DINNEXTARABICBOLD'; font-size:18px;  }

.framenewsinner   { float:right; width:100%; padding:5px 0; border:1px #e5e5e5 solid; margin:0 0 15px }
.framenewsinner .accesotiszone  { margin:0 }
.framenewsinner .datenews  { margin:6px 0 0 }

.newsdetailstext    { float:right; width:100%; line-height:normal !important; margin:0 0 20px; color:#4d4d4d; font-size:15px  }
.newsdetailstext p    { margin:0  }

.sharetitle   { float:right; width:100%; color:#666; font-family:'DINNEXTARABICBOLD'; font-size:18px; margin:0 0 5px  }

.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;  }

#mini-clndr .clndr .days-container .days    {background-color: #eeeeee !important;text-align:center;}

#mini-clndr .clndr .days-container .days .day  { border-right:none !important; border-bottom:none !important; padding-top:11px !important; padding-bottom:11px !important; font-size:13px !important }
#mini-clndr .clndr .days-container .days .headers   { background-color:#9d7e49 !important; padding-top:10px; padding-bottom:10px; text-align:center }

#mini-clndr .clndr  { border-bottom:none !important; font-family:'DINNEXTARABICREGULAR' !important }
#mini-clndr    {box-shadow:none !important;-webkit-box-shadow:none !important;width:100% !important;padding:10px;background: #eeeeee;}

#mini-clndr .clndr .days-container .days   { width:100% !important }
#mini-clndr .clndr .days-container .events   { left:100% !important; width:100% !important; background-color:#e9f3fc !important; height:274px !important; }

#mini-clndr .clndr .days-container   { height:288px !important; width:100% !important }
#mini-clndr .clndr .days-container.show-events .events   { left:0 !important; height:274px !important; background-color:#e9f3fc !important }
#mini-clndr .clndr .days-container .events .event-header  { background-color:#9d7e49 !important;  }

#mini-clndr .clndr .days-container .events .x-button   { color:#fff }

#mini-clndr .clndr .days-container .events .events-list  { height:240px !important; overflow-x:hidden !important; overflow-y:auto !important; padding:0 10px 0 0 }

#mini-clndr .clndr .days-container .days .day.event   { background-color:#9d7e49 !important; color:#fff }
#mini-clndr .clndr .days-container .days .today       { background-color:#e9f3fc !important }

.teamzone   { float:right; width:100%; border:1px #ddd solid; text-align:center; position:relative; margin:0 0 20px; padding:30px 0; height:300px; 
              background: #f3f3f3;
}

.teamzone a {
    position:absolute; top:0; right:0; width:100%; height:282px; z-index:10; 
}


.teamzone p {
    display:inline-block; width:100%; font-size:20px; color:#424143; padding:0 20px; margin:20px 0 0; overflow:hidden; max-height:48px; line-height:24px; 
}

.teamzone span {
    display:inline-block; white-space:pre-line; position:relative; width:100%; font-size:16px;  color:#424143; margin:0; padding:0 10px; text-align:center; height:40px; line-height:20px; 
}

.teamzone i {
    font-size:22px; color:#424143; margin:0 8px 0 0; top:3px; position:relative;
}


.imgteam   { display:inline-block; width:150px; height:150px; border:2px #184b6a solid; border-radius:50%; background:#fff url(../images/bgimgteam.jpg) center center no-repeat; overflow:hidden; position:relative }
.imgteam img    {  position:absolute; max-width:130%; width:auto; min-width:100%; left:50%; top:50%; min-height:150px;
                    transform: translateY(-50%) translateX(-50%); z-index:1; 
     -webkit-transform: translateY(-50%) translateX(-50%); }

.teamzone:hover > span { display:inline-block }

ul.socialteam  { border-radius:10px; background:#cacdcf; position:relative; z-index:10; margin:0 20px 0 0; float:right; text-align:left; direction:ltr; padding:5px 12px; width:180px; display:none  }
ul.socialteam li { float:left; width:100%; height:32px; line-height:32px; list-style:none; }
ul.socialteam li a { float:left; width:auto !important; height:32px !important; line-height:32px; color:#1a5678;  list-style:none; position:relative !important }
ul.socialteam li a i {  font-size:18px !important; margin:0 8px 0 0 !important; top:1px }

.teamzone:hover > ul { display:inline-block}

.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99999999999;
	margin:0;
	border-top: 0;
	/* -webkit-box-shadow: 0 2px 3px #999; */
	-moz-box-shadow: 0 2px 3px #999;
	/* box-shadow: 0 2px 3px #999; */
	background-color: #273342;
	/* text-align:  center; */
	/* float:  none; */
}

#vote_errorMsg   { color:#273342; margin:-5px 20px 0 0; padding:0 30px 0 0; width:auto; float:right; font-size:16px; line-height:38px; height:30px; background:url(../images/selecthand.png) right center no-repeat; }
.logopartner   { width:100%; max-width:200px; height:110px; overflow:hidden; position:relative; border-left:2px #9d7e49solid; padding:0 0 0 1px; margin:0 0 10px;}
.logopartner img   { position:absolute; width:auto;  left:50%; top:50%; height:110px; 
                    transform: translateY(-50%) translateX(-50%); z-index:1;
     -webkit-transform: translateY(-50%) translateX(-50%); }

 #loading {
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                position: absolute;
                display: block;
                opacity: 1;
               
                z-index: 1020;
                text-align: center; }

                .featuries {
                    padding: 25px 0;
                    clear:  both;
                    background-color: #f0f0f0;
                }
  
  .featuries h1 {
                    margin-bottom: 20px;
                    /* font-size: 26px; */
                }
                .featuries i {
                    line-height: 40px;
                    float:  right;
                }
                    
.fa-cont {
    display: block;
    background-color: #273342;
    float: left;
    font-size: 26px;
    color: #c6a874;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 4%;
}

.featuries-details {
    float: left;
    width: 80%;
    margin-bottom: 35px;
}
           
.featuries h3 {
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 19px;
    margin-top: 10px;
    color: #273342;
}
.featuries-details p {
    font-size: 14px;
    margin: 10px 0 18px;
    color: #6a717a;
    height: 45px;
}
.more button {
    background-color: transparent;
    border: none;
    float: left;
    display: inline-block;
    color:  #fff;
}
.more {
    width: 108px;
    height: 35px;
    color: #c6a874;
    backface-visibility: #ccc;
    border: none;
    background-color: #273342;
    font-size: 17px;
    line-height: 32px;
    padding: 0 13px;
    margin:  auto;
}

.more i {
    font-size: 27px;
    width: 20px;
    /* height: 202px; */
    display: inline-block;
    margin-top: 4px;
    margin-left: 6px;
    line-height: 29px;
}
.featuries-details a {
    color: #c6a874;
}

.map {
    height: 300px;
    overflow: hidden;
    float:  right;
    width:  100%;
    margin-top: -10px;
}
.activities {
    
padding: 25px 0;
    
background: #f0f0f0 url(../images/bg_gisdark.jpg) center center;
    
float: right;
    
clear:  both;
    
width:  100%;
}     
.activities  img{
    max-width: 100%;
    max-height: 150px;
} 
.activities h1{
    margin-bottom:25px;
}   
.overlay {
    margin-bottom: 10px;
    width: 262px;
    height: 150px;
}
.overlay h4{
   text-align: center;
   color: #273342;
}
.img-gal-cont:hover h2{
	color:#9d7e49;
}

.submit{
    height: 38px;
    line-height: 22px;
    padding: 10px 30px;
    background: #9d7e49;
    color: #ffffff;
    font-size: 22px;
    border: none;
    display:  block;
    text-transform: uppercase;
}


@media (min-width: 1200px)  
{
    

}
@media (max-width: 1200px)  {
    .loginrow span  { width:100%; margin:0 0 5px }
.loginrow p   { width:100%; margin:0 0 15px }
}



	

@media (max-width: 1024px)  {


}

@media (max-width: 1000px)  {
    .greenstiker  { display:none }
}

@media (max-width: 990px)  {

	
		
}

@media (max-width: 979px)  {

}


@media only screen and (max-width: 959px) {

    .menu a  {color: #ffffff;}

    .menu a:focus, .menu a:hover   {color: #ffffff;}

    .menu-container {
        width: 100%;
        margin-top: 8px;
    margin-bottom: 15px;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
       content: "\f123";
    font-family: "Ionicons";  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;
    }
   
    .menu > ul > li a {
        padding: 0 3%; text-align:right; 
        width: 100%; font-size:16px; height:42px; 
        display: block; color:#666
    }

    .menu > ul > li a i
    { color:#103d67; width:30px; text-align:center }

    .menu > ul > li a span  { width:auto }
    .menu > ul > li > ul {
        position: relative; top:0
    }
    .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
    }
}
@media (max-width: 800px)  {

}

@media (max-width: 768px)  {
.threcolum   { width:48%; }
.fourcolum   { width:31%;  }

}
@media (max-width: 767px)  
{
        .toplineholder  { position:relative }
        .toplinewhite   { display:none }
        .iconvoting   { top:120px }
        .offvoting   { top:90px }
        .overlay33   { top:90px }
    .noappermob   { display:none }
    .bgthrehome   { margin:0 0 20px; height:590px }
    .newswell    { background:none; padding:0px 0 10px 0 }
    .nopaddresp  { padding-left:0 !important; padding-right:0 !important }
    .iconnmi    {    width:200px; min-height:125px; margin:-102px 0 0 15px }
    .sloganhead    { margin:0; text-align:center; font-size:32px }
    .mediconshome  { margin:0px 0 20px }
    .textinner img   { max-width:100%; margin:0 0 20px; }
    .footericons    { text-align:center; width:100% }
 /*.sliderhome  { display:none }*/
 .sliderhome    { max-height:825px }
 .tabs>DIV p  { height: 168px !important }
  .imgnewdetails   { max-width:100%; margin:0 0 20px; padding:15px;  background:#e7f1f2 }
  .imgnewdetails img   { margin:0 !important; }
  .imgnewdetails span    { width:100%; max-width:100%; text-align:center }

.footerholder   {  padding:0 15px } 
.threecolums   { width:47%; margin:20px 1.5% }
.stepstitle    { border-left:none; border-bottom:5px #ffd102 solid; padding:20px 0; margin:0 0 25px }
.newshomeimg  { width:100% }
.newscontenthome   { width:100% }
.newscontenthome   { padding:10px 20px }
.newsletter input[type="email"]  { width:60% }

.nocaces .caruslholder     {  width:86%; margin:0 7%  }

}
@media (max-width: 735px)  {
    .shiftinner   { margin:0 }
    .logo  { text-align:center }
    a.stratgy   { width:100%; text-align:center; }
    .logotabs   { width:80px !important; top:50px !important }
    .tabs li A   { padding:9px 10px; font-size:18px; }
    .tabs UL.horizontal   { margin:10px 0 0 }
    .tabs>DIV  { margin-top:0 }
}


@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)  {
        .textinner img  { margin:0 0 25px; width:100% }
    .picnewswell   { width:100%; margin:0 0 15px }
    .newswell h3    { width:100%; float:right; max-height:80px; }
    .newswell label   { width:100%; float:right; }
    .newswell span   { float:right; width:100%; max-height:110px; }

    .imgtabs   { width:100%; margin:20px 0; }
    .tabs>DIV h1   { width:100%; margin:10px 0 15px 0; font-size:25px; line-height:30px }
    .tabs>DIV h1 span  { font-size:30px; line-height:35px }
    .tabs>DIV p   { width:100% }
    .tabs>DIV span  { width:100% }
 
  .homemessage   { width:100%; padding:0 20px; font-size:24px; }
  .filratopn   {  position:relative; bottom:auto; top:0; float:right }
  .threecolums   { width:100%; margin:20px 0 }

}

@media (max-width: 414px)  {

}



@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');}