/*
Author: Planet Green Solutions
Author URL: http://www.pgsuae.com/
License: Custom theme for UAE Cabinet

*/


body { font-family: 'UniversNextArabic'; background:#fff; /*direction:rtl;*/ color:#636161 }
.ar { direction:rtl }
.ar #homeWrapper { direction: rtl; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'UniversNextArabic'; }
.logo { float:left; padding:12px 0 4px }
/*-MENU---*/
.navbar { float:right }
nav ul li { float:right !important; }
nav ul { float:right !important; text-align:right }
.languageArab { float:left }
.languageArab a { font-size:15px; }
ul.menu-list > li > a { font-size:15px !important; color: #646363 }
ul.menu-list ul { right:0; margin-top:0px !important }
ul.menu-list ul ul { right:100%; left: auto !important }
ul.menu-list > li { padding-bottom:10px !important }
ul.menu-list li li { width:220px !important; }
ul.menu-list > li > a { border-right:0px !important; border-left:1px solid #fad285; padding-right:0px !important; padding-left:25px }
ul.menu-list > li:first-child { margin-right:0px !important; margin-left:15px !important }
ul.menu-list > li:last-child a { border-left:0px !important }
ul.menu-list > li:first-child a { border-right:0px !important; }
ul.menu-list>li>a:hover { background-position:6px 6px }
ul.menu-list > li > ul > li> a { padding-right:22px !important }
#sidebarExpand span.cartIcon { left:0 !important; right: auto !important; direction:ltr !important }
#sidebarExpand li a { padding:7px 15px 7px 35px }
#sidebarExpand > li ul li a { background:url(../images/menu-li-ar.png) no-repeat scroll right 9px !important; padding-right:15px; padding-left:0px !important }
#sidebarExpand > li ul li.currentMenu a { background:url(../images/menu-li-ar-hover.png) no-repeat scroll right 9px !important; }
#sidebarExpand > li ul li a:hover { background:url(../images/menu-li-ar-hover.png) no-repeat scroll right 9px !important; }
#sidebarExpand > li ul li { padding-left:0px; padding-right:20px }
.list-menu li a { background:url(../images/menu-li-ar.png) no-repeat scroll right 5px !important; padding-right:15px; padding-left:0px !important }
.list-menu li.active-menu a, .list-menu li a:hover { background: url(../images/menu-li-ar-hover.png) no-repeat scroll right 5px !important }
ul.menu-list > li > ul > li.has-submenu>a>span.menu-expand { float:left; margin-top:4px }
ul.menu-list li li.has-submenu>a>span.menu-expand:after { content:'\f104' } /* Level 2 */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */  
  ul.menu-list li.has-submenu>a>span.menu-expand { float:left !important }
}
.accessibility ul li { float:right }
.languageArab { text-align:left !important }
.top-right .searchBlock .search-button { float:left !important }
.inner-page-contentarea ol { padding-right:24px; padding-left:0px; }
.callbacks .caption { right:0 !important }
.slide-text-info { padding-right:40px; padding-left:15px }
.callbacks_tabs { left:80px; right: auto }
.socialMediaWrap ul { border-radius: 0px 12px 12px 0px; }
.twitter-marquee { direction:ltr }
.owl-carousel { direction:ltr }
.owl-carousel .owl-item { float:left !important }
.instgram-block h2 i, .initiatives h2 i, .video-block h2 i { margin-right:0px; margin-left:5px }
.sect1 .pagination { float:left }
.nav-tabs > li > a { margin-right:0px !important; margin-left:2px }
.sect1 > ul > li, .detail-view > ul > li { padding-bottom:13px; }
.left-block-inner { float:right !important; direction:rtl }
.right-block { float:left !important; padding-right:60px; padding-left:0px; }
.list-menu li a { background:url(../images/menu-li-ar.png) no-repeat scroll right 5px !important; padding-right:15px; padding-left:0px !important }
.list-menu li.active-menu a, .list-menu li a:hover { background: url(../images/menu-li-ar-hover.png) no-repeat scroll right 5px !important }
.sect1 h3 { font-size:17px; margin-top:0px; color:#636161; font-weight:bold }
.sect1 p { line-height:26px }
.detail-image { float:right; margin:0 0 10px 20px }
.contact-main .captcha { float:right }
.contact-main .captcha .code { float:right }
.contact-main .captcha .refresh { float:right }
.contact-main .captcha .input1 { float:right }
.sitemap-wrapper > li.has-sitemap-submenu > ul li { background: url(../images/arrow1-ar.png ) right 8px no-repeat; padding-left:0px; padding-right:15px }
#contactUsRecaptcha, #recaptcha1 { float:right }
.pagination > li { float:right }
.consitution-wrapper .bx-controls .bx-pager-item { float:right }
.download-uae-constitution:before { display: inline; content: "\f13a"; font: normal normal normal 20px/1 FontAwesome; margin-right:0px; margin-left:6px }
.view-uae-constitution:before { display: inline; content: "\f1c1"; font: normal normal normal 16px/1 FontAwesome; margin-right:0px; margin-left:6px }
.download-block .dwnload { padding:4px 6px 4px 12px; }
.consitution-wrapper .bx-viewport { direction:ltr !important; }
.textWithImage img { float:right; margin:0 0 15px 15px }
.gallery-view img { float:none; }
.sect1 > ul > li, .detail-view ul li { background-position:right 7px; padding-right:20px; padding-left:0px }
.address-box { padding-right:25px; padding-left:0px }
.address-box h3 { color: #b68a35; font-size: 18px; font-weight: normal; margin-top: 0; }
.blockCaptionHover p { padding-top:5px; text-align:right }
.content-date { direction: ltr; text-align: right; padding: 0; margin: 0; }
.sect1 > ul > li.pdfDownload { padding-right:0px }
.sect1 > ul > li.pdfDownload:before { padding-right:0px; padding-left:8px }
/*..............Arabic zoom Plus one.......................*/
.magnifier-1 .sect1 h3 { font-size:21px !important }
.magnifier-1 ul.menu-list li a { font-size:15.5px !important }
/*..............Arabic zoom Plus two.......................*/
.magnifier-2 .sect1 h3 { font-size:22px !important }
.magnifier-2 ul.menu-list li a { font-size:16.5px !important }
/*..............body.invert-colors .......................*/
body.invert-colors .list-menu li.active-menu a, body.invert-colors .list-menu li a:hover { background-image:url(../images/menu-li-ar-hover-invert.png) !important; }
body.invert-colors #sidebarExpand > li ul li a { background:rgba(0, 0, 0, 0) url("../images/menu-li-ar.png") no-repeat scroll right 9px !important }
.breadcrumbs > li { float:right; }
.breadcrumbs > li a { float:right; display:block }
.brc-expand { padding-left:0px; padding-right:6px; width:10px; float:left; display:block }
.brc-expand:after { content:'\f104' }
.breadcrumbs > li.current { line-height:22px; }
#stcpDiv { left: auto !important }
.socialMediaWrap { left:0 !important; right:auto !important }


/* ACCORDIEN */
.textWithImage .accordion-header h1{float: right;}
.textWithImage .accordion-header-icon{float: left;}

.textWithImage .accordionContainer .ui-icon-triangle-1-e{background-position: -94px -16px;}

/* ACCORDIEN */

/*ie 8 9 10 only style*/
@media screen\0 {
.socialMediaWrap { right:inherit !important; left:13px !important; }
}
/*ie 8 9 10 only style*/

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.socialMediaWrap { left:0 !important; right:0px; }

 /* Safari only override */
    ::i-block-chrome, .socialMediaWrap {
right:auto !important;
 left:0px !important;
}
}
 _::-webkit-full-page-media, _:future, :root .socialMediaWrap {
left:13px !important;
right:auto !important
}
 @media (min-width: 1026px) and (max-width: 1199px) {
.header ul.menu-list > li > a { padding-left:10px }
}
 @media (min-width: 768px) and (max-width: 992px) {
.instgram-block .insta-img img { height:100% }
.textWithImage img { margin-top:5px }
}
 @media (max-width: 991px) {
.callbacks_tabs { left: 15px; }
.navbar { float:none }
nav ul { float:none !important; text-align:right }
ul.menu-list > li { width:100%; padding-bottom:0px !important; }
ul.menu-list li.has-submenu > a > span.menu-expand { right:auto !important; left:0px !important; padding-left:5px }
nav ul li { float:none !important }
ul.menu-list li li > a { width:100% !important }
ul.menu-list li li.has-submenu>a>span.menu-expand:after { } /* Level 2 */
ul.menu-list ul ul { top: auto !important; right:0 !important }
ul.menu-list > li > a { padding-right:14px !important; padding-left:0px !important }
.languageArab { float:right !important }
ul.menu-list li li { width:100% !important }
ul.menu-list > li > a { color:#fff !important; border-left:0px; }
ul.menu-list > li > ul > li > ul > li > a { padding-left:0px; padding-right:30px }
ul.menu-list>li>ul>li>ul>li>a:after { content:'\f104'; font-family: 'FontAwesome'; text-align:left; float:right; padding-right:0px; padding-left:5px; margin-top:2px }
}
 @media (max-width: 767px) {
.right-block { padding-right:0px !important }
.logo { padding: 6px 0 4px; }
}
 @media (max-width: 550px) {
}
 @media (max-width: 490px) {
.top-right .searchBlock { width:218px }
.languageArab { text-align:right !important }
}
 @media (max-width: 320px) {
.prd-block .InnerBlock:hover .blockCaptionHover { height:100%; padding:0 15px }
}