@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
/*@font-face {
  font-family: 'JamesFajardo';
  src:url('fonts/JamesFajardo.eot?#iefix') format('embedded-opentype'), url('fonts/JamesFajardo.woff') format('woff'), url('fonts/JamesFajardo.ttf')  format('truetype'), url('fonts/JamesFajardo.svg#JamesFajardo') format('svg');
}
@font-face {
  font-family: 'AdobeArabic-Regular';
  src:url('fonts/AdobeArabic-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AdobeArabic-Regular.woff') format('woff'), url('fonts/AdobeArabic-Regular.ttf')  format('truetype'), url('fonts/AdobeArabic-Regular.svg#AdobeArabic-Regular') format('svg');
}
@font-face {
  font-family: 'Dosis-Bold';
  src:url('fonts/Dosis-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Dosis-Bold.woff') format('woff'), url('fonts/Dosis-Bold.ttf')  format('truetype'), url('fonts/Dosis-Bold.svg#Dosis-Bold') format('svg');
}
@font-face {
  font-family: 'Dosis-Regular';
  src:url('fonts/Dosis-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Dosis-Regular.woff') format('woff'), url('fonts/Dosis-Regular.ttf')  format('truetype'), url('fonts/Dosis-Regular.svg#Dosis-Regular') format('svg');
}*/
/************************************* Reset Styles ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;font-weight: normal;}
body{ overflow-x: hidden;background-color: #fbfbf6; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
td, div {vertical-align: top;}
* {outline: none;}
li, ol {list-style-type: none;list-style-image: none;list-style: none;}
img {border: 0px;}
textarea {resize: none;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
header, nav, section, article, aside, footer {display:block;}
/************************************* Header Styles ********************************/
.topHeader {background:#24160e; padding:15px 0;}
/* a.logo{width:420px; height:67px; background:url(/themes/azzamlaw/logo/logo.png) no-repeat 0 0; display:block; background-size:119%; margin:0 auto} */
a.logo{width:570px; height:73px; background:url(/themes/azzamlaw/logo/logo.png) no-repeat ; display:block;  margin:0 auto}
.bottomHeader {background:#a59565; box-shadow:0 3px 3px rgba(0, 0, 0, 0.6)}
.fixed {position:fixed; width:100%; top:0; left:0; z-index:100;}
nav li{position:relative; text-align:right}
nav a{font-size:16px; color:#24160e; padding:10px; display:block; line-height:100%;}
/*nav li:hover > a {background:#837555;}*/
nav li:hover .subMenu{height:auto;}
.subMenu {background: none repeat scroll 0 0 #24160e; min-width: 200px; overflow: hidden; position: absolute; right: 0; z-index: 10; height:0;}
.subMenu li{width:100%;}
.subMenu a{color:#a59565; display:block; border-top:1px solid #000;}
.subMenu a:hover {color:#24160e; background:#a59565;}
.headerLinks{margin-top: 8px}
.headerLinks a{display:block; width:33px; height:21px; background:url(../../images/web-sprite.png) no-repeat; border-left:1px solid #24160e; line-height:100%;}
.headerLinks a:hover {opacity:0.6;}
.headerLinks a.language {
  border: medium none;
  color: #24160e;
  font-family: arial;
  text-align: center;
  width: 40px;
  line-height: 21px;
}.headerLinks a.linkedIn {background-position:11px -224px;}
.headerLinks a.gplus {background-position:11px -262px;}
.headerLinks a.fb {background-position:11px -144px;}
.headerLinks a.twiter {background-position:11px -185px;}
.headerLinks a.pdfDownload {background-position:11px -105px;}
.responsiveMenuBtn {display:none;}
/********************************** Website Styles **********************************/
.hpSlideshow .flexslider { overflow:hidden; box-shadow:none; border:0; max-height:450px; margin:0;}
.hpSlideshow .flexslider .slides, .hpSlideshow .flexslider .slides li{max-height:450px;}
.sliderCaption {width:488px; padding:25px; background:url(../../images/yellow-transp.png); float:right; box-sizing:border-box;}
.flex-control-paging {display:none;}
.flex-direction-nav a{display:block; width:27px; height:33px; background:url(../../images/web-sprite.png) no-repeat; font-size:0px; position:absolute; top:50%; margin-top:-16px;}
.flex-direction-nav a:hover {opacity:0.7;}
.flex-direction-nav a.flex-prev{right:0; background-position:100% -183px;}
.flex-direction-nav a.flex-next{left:0; background-position:100% -143px;}
.hpSlideshow .safeArea {position:absolute; width:1024px; top:38%; right:0; left:0; margin:auto;}
.hpSlideshow img{margin-top:-15%;}
.sliderTitle {font-size:24px;color:#fff;}
.sliderDescription {color: #fff;  font-size: 13px;  margin-bottom: 10px;  line-height: 26px;}
.hpWelcome {background:url(../../images/bg-welcome.gif) center top; }
h2.black{color:#2C1E15;}
.hpWelcome article {width:50%; float:right; height:130px;overflow:hidden;}
.hpWelcome article .innerPadding {padding:20px 0; height:110px;}
.hpWelcome article .latestNewsTitle{height:75px;}
.hpWelcome article .latestNewsTitle p{height:75px;}
.hpWelcome article .latestNewsTitle img {max-height:100%;}
.latestNewsSlider {position:relative; direction:ltr;}
.latestNewsSlider h2 {margin-left:10px;}
article.latestNewsSlider li .innerPadding{padding:0 30px;}
.latestNewsDate {font-size: 13px; margin-top: 3px; font-family:helvetica}
.latestNewsTitle a{font-size:13px; color:#464a4a;}
.quickLinks {background:url(../../../../images/quicklinks-bg.jpg) repeat center center; background-attachment:fixed; background-size:cover; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; padding:70px 0; margin-bottom:30px;}
.quickLinks li{width:20%; text-align:center; color:#a59565; font-size:16px;}
.quickLinks li span{display:block; margin-bottom:20px; min-height:52px; background:url(../../images/web-sprite.png) no-repeat; padding-top:70px;}
.quickLinks li span.disputeIssueIcon {background-position:80px -468px;}
.quickLinks li span.companiesRegistrationIcon {background-position:80px -818px;}
.quickLinks li span.legalAdviceIcon {background-position:80px -652px;}
.quickLinks li span.corporateIcon {background-position:80px -306px;}
.quickLinks li span.internationalServicesIcon {background-position:87px -999px;}
.quickLinks li:hover span.disputeIssueIcon {background-position:80px -458px;}
.quickLinks li:hover span.companiesRegistrationIcon {background-position:80px -808px;}
.quickLinks li:hover span.legalAdviceIcon {background-position:80px -642px;}
.quickLinks li:hover span.corporateIcon {background-position:80px -296px;}
.quickLinks li:hover span.internationalServicesIcon {background-position:87px -989px;}
.buttonsHolder .button {margin-right:10px;}
.feedBackForm li {float: right;margin-left: 3%;width: 30%;margin-bottom:20px;}
.headerSubPage {background-size:100% auto; height:210px; width:100%; margin-bottom:20px; background-position: center 50%; overflow:hidden;}
.headerSubPage.bgBottom {background-position: center 105%;}
.structureTwoCol article{width:48%; margin-left:4%; margin-bottom:20px;}
.structureTwoCol article.last{margin-left:0;}
.listingBullet li {background: url("../../images/web-sprite.png") no-repeat scroll 100% -475px rgba(0, 0, 0, 0);padding-right: 15px;margin-bottom: 5px;}
.aboutQuote {color:#a59565; font-size:20px; text-align:center; margin:30px 0;}
aside {width:22%; margin-left:2%; margin-bottom:30px;}
.sideBarStructure article {width:76%;margin-bottom:30px;}
.sideMenu li{width:100%;}
.sideMenu a {
  background: none repeat scroll 0 0 #887a56;
  color: #fff;
  display: block;
  font-size: 13px;
  line-height: 140%;
  margin-bottom: 1px;
  padding: 10px;
}.sideMenu a:hover, .sideMenu a.current{background:#24160e;}
.colInside {width:48%; margin-left:4%;}
.colInside.last{margin-left:0;}

.twoColInside .colInside
{
	width: 100%;
	/* -webkit-column-count: 2; Chrome, Safari, Opera
    -moz-column-count: 2; Firefox
    -ms-column-count: 2; Firefox
    column-count: 2; */
}

.teamRow {padding-bottom:35px;}
.teamImage {
	border-radius: 50%;
	float: right;height: 150px;
	margin-left: 30px;
	overflow: hidden;
	width:150px;
	margin-bottom:5px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size:cover
}

.teamInfos {width:675px;}
.teamInfos h2 {border-bottom: 1px solid #887a56;display: inline-block;margin-bottom: 10px;padding-bottom: 10px;}
.teamInfos tr{margin-bottom:10px; display:block}
.teamInfos td.first{width:60px; color:#887a56}
.listingPartners{margin-top:30px;}
.listingPartners li:hover .partnerImage {/*border:1px solid #a59565;*/-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);writing-mode: lr-tb;}
.listingPartners .partnerImage {margin-bottom:10px; /*border-radius:50%;*/width:130px; height:130px; overflow:hidden; position:relative; /*border:1px solid #464a4a;*/ text-align:center; display:table;}
.partnerImage a {display: table-cell; vertical-align: middle;}
.partnerImage a img {
	max-width:130px;
	text-align:center;
}
.listingPartners li {min-height: 200px;padding: 0 5%;text-align: center;width: 12%;}
.partnerName a{color:#686c6d; font-size:14px;}
.newsHolder, .newsDescription {margin-bottom:30px;}
.newsDate {color:#a53a22;}
.contactForm .buttonsHolder {margin-left:0;}
.contactInfos span{display:block; padding-right:20px; max-width:300px; margin-bottom:5px;}
.mobileSocialLinks {display:none;}

.quickLinks .safeArea {padding:0;}
/************************************* Common Styles ********************************/
h1{font-size:20px; color:#24160e; margin-bottom:5px;}
h2{color:#887a56; font-size:16px; margin-bottom:15px; }
h2 > .positionTitle{
	float: right;
    font-size: 14px;
    margin-top: 5px;
}
.hpWelcome h2, .feedBackForm h2, .newsletterForm h2{font-size:20px;}
.jamesFont, .aboutQuote {font-family: 'JamesFajardo';}
/*
.adobeArabic, a {font-family: 'AdobeArabic-Regular';}
.dosisBold, h1, h2, h3, h4, .titles, a.language, .sliderTitle {font-family: 'Dosis-Bold';}
.dosisRegular, td, div, .selectForm .customSelect, .inputForm input, .selectForm .customSelectInner, .textareaForm textarea, span.mailIcon a{font-family: 'Dosis-Regular';}
*/
.droidRegular, a, td, div, .selectForm .customSelect, .inputForm input, .selectForm .customSelectInner, .textareaForm textarea, span.mailIcon a {font-family: 'Droid Arabic Naskh', sans-serif; font-weight:400;}
.droidBold, h1, h2, h3, h4, .titles, a.language, .sliderTitle {font-family: 'Droid Arabic Naskh', serif; font-weight:700;}
td, div {
  color: #464a4a;
  font-size: 13px;
  line-height: 140%;
}
.floatRight, .listingPartners li , .teamImage, .teamInfos, .colInside, .sideBarStructure article, aside, .structureTwoCol article, .newsletterForm li .inputForm, .newsletterForm li, .developer, .quickLinks li, .latestNewsDate, .latestNewsSlider h2, nav, nav li, .headerLinks li{float: right;}
.floatLeft, .newsletterForm li.last .button, .credit, .buttonsHolder .button, .buttonsHolder, .headerLinks, .latestNewsSlider .button{float:left;}
.directionRtl, article, .teamInfos table, .structureTwoCol, .newsletterForm, .mapHolder, .feedBackForm, .latestNewsSlider li, h2 {direction:rtl;}
.latestNewsTitle a:hover, span.mailIcon a:hover {color:#a59565;}
.button a{display:inline-block; line-height:100%; font-size:13px; padding:10px 25px; }
.quickLinks .button a {font-size:16px;}
.button.brown a {color:#fff; background:#24160e;}
.button.yellow a{background:#a59565; color:#fff;}
.button.brown a:hover, .button.yellow a:hover { background:#837555;}
.button.transparent a{color:#a59565; border:1px solid #a59565;}
.button.transparent a:hover {color:#fff; background:#a59565;}
.fontWeightBold {font-weight: bold;}
.clearBoth {clear: both;}
.borderRadius4, .button a {border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
/* .transitionAll, .listingPartners .partnerImage, .quickLinks li span, nav a, a {transition:all linear 300ms; -webkit-transition:all linear 300ms; -moz-transition:all linear 300ms;} */
.textDecorationNone, a {text-decoration: none;}
.textDecorationUnderline {text-decoration: underline;}
.safeArea {width: 1024px;margin: 0 auto;}
.posRelative {position: relative;}
.absolutePos {position: absolute;}
body {text-align:right;}
/************************************** Form Style *************************************/
.feedBackForm {margin-bottom:35px;}
.inputForm input, .textareaForm textarea {background:none;width:100%; padding:5px 0; margin-bottom:10px; border:0px; border-bottom:1px solid #dedede; color:#000; font-size:13px;}
.selectForm .customSelect {background: url("../../images/web-sprite.png") no-repeat scroll 251% -391px rgba(0, 0, 0, 0);border-bottom: 1px solid #dedede;margin-bottom: 10px;padding: 15px 0 5px;width: 100%; font-size:13px;}
.selectForm .customSelect.customSelectHover {}
.selectForm .customSelect.customSelectOpen {}
.selectForm .customSelect.customSelectFocus {}
.selectForm .customSelectInner {font-size:13px;}
::-webkit-input-placeholder {opacity:1;}
::-moz-placeholder {opacity:1;}
:-moz-placeholder {opacity:1;}
:-ms-input-placeholder {opacity:1;}
.buttonsHolder {margin-left: 4%;}
.textareaForm textarea {font-size:13px; min-height:90px;}
/********************************** Footer Styles **********************************/
#map{
	width:100%; position:relative; height: 210px;/*350px;*/
}
.mapHolder {overflow: hidden !important; width:100%; position:relative; height:350px;}
.mapFooter {left: -115px;margin: auto; position: absolute;text-align: center;}
.mapHolder .safeArea {bottom: 20px;left: 0;margin: auto;position: absolute;right: 0;text-align: right;width: 1024px;}
.mapInfo {color:#24160e;font-size:13px; margin-bottom:10px;}
.mapHolder .safeArea span{display:block; padding-right:20px; max-width:300px; }
span.phoneIcon {background:url(../../images/web-sprite.png) no-repeat 100% -352px;}
span.faxIcon {background:url(../../images/web-sprite.png) no-repeat 100% -252px;}
span.mailIcon {background:url(../../images/web-sprite.png) no-repeat 100% -729px;}
span.mailIcon a{color:#24160e; font-family: helvetica; font-size:14px;}
.topFooter {background:rgba(212,220,229,0.2); padding:20px 0;}
.newsletterForm li {margin-left: 2%;width: 43%;}
.newsletterForm li .inputForm {margin-left: 2%;margin-top: 25px;width: 48%;}
.newsletterForm h2{margin-bottom:5px;}
.newsletterForm li.last {width:10%; margin-left:0; }
.newsletterForm li.last .button {margin-top:30px;}
.bottomFooter {background:#24160e; box-shadow:0px -2px 4px rgba(0, 0, 0, 0.5); padding:10px 0;}
.developer, .credit {
  color: #f0f0f0;
  font-family: helvetica;
  font-size: 12px;
}
.news-image{
	float: right;
	width: 100px;
	overflow: hidden;
	margin-bottom: 10px;
	height: 66px;
}
.news-title{
	float: right; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	width: 220px;
	height: 66px;
}
.news-title h2{
	height: 51px;
	margin-bottom: 0;
	line-height: 1.3;
}
.news-image-details img{
	max-width: 400px;
}
.news-title-details{
	padding-top: 10px;
	margin-bottom: 0;
}
.news-date-details{
	margin-bottom: 10px;
}