@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
/*@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);*/

 /* Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/DroidKufi-Regular.eot);
  src: url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(fonts/DroidKufi-Regular.woff2) format('woff2'),
       url(fonts/DroidKufi-Regular.woff) format('woff'),
       url(fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/DroidKufi-Bold.eot);
  src: url(fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(fonts/DroidKufi-Bold.woff2) format('woff2'),
       url(fonts/DroidKufi-Bold.woff) format('woff'),
       url(fonts/DroidKufi-Bold.ttf) format('truetype');
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Lato';
}

.heading-primary {
  font-size: 2em;
  padding:0 1em 1em 1em;
  text-align: center;
}

.accordion dl,
.accordion-list {
  border: 1px solid #ddd;
}
.accordion dl:after,
.accordion-list:after {
  content: "";
  display: block;
  height: 1em;
  width: 100%;
  background-color: #212121/*2ba659*/;
}

.accordion dd,
.accordion__panel {
  /*background-color: #eee;*/
  font-size: 1em;
  line-height: 1.5em;
}

.accordion p {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  background-color: #fff;
}

.container {
 /* max-width: 960px;*/
  margin: 0 auto;
  padding: 0 0 2em 0;
}

.accordionTitle,
.accordion__Heading {
  background-color: #4B5050;/*38cc70;*/
  text-align: center;
  font-weight: 700;
  padding: 2em;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #30bb64;
}
.accordionTitle:before,
.accordion__Heading:before {
    margin-right: 6px;
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  float: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.accordionTitle:hover,
.accordion__Heading:hover {
  background-color: #8F8C92;/*2ba659*/;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  background-color: #444848;/*2ba659*/;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 120em;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 80em;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}
@media (max-width: 480px) {
	.accordionItem {
	 max-height: 200em;
	}
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}

a.accordion-title {
    line-height:90%;
    text-align: left;
	color: #fff; 
    text-decoration: none; 
}
dt{
	max-height:35px;
	height:35px;
    /*max-height:70px;
	height:70px;*/
}


.catimg{
    /*position: absolute;*/
   /* right;20px;
    top:20px;*/
    margin: 5%;
    max-width: 90%;
}

h1.tith1{
    padding-top: 5px;
    padding-left: 25px;
}
p.textp{
    padding-top: 0;
    text-align: justify;
}

 @media (min-width:768px){

       .imgcol{
        border-right:none;
    }
}
   
   @media (min-width:992px){
              .imgcol{
       border-right:2px solid #333;
    }
       
}
@media (min-width:1200px){
    .imgcol{
        border-right:2px solid #333;
    }
}
a.accordionTitle {
    max-height: 35px;
    height: 35px;
    padding: 0.8em;
    border-bottom-color: #7b7b7b;
}
@media (max-width: 767px){
	dt{
	max-height:70px;
	height:70px;
	}
	a.accordionTitle {
    max-height: 70px;
    height: 70px;
	line-height:140%;

	font-size: 15px;
    padding-top: 23px;
	}
	.accordionTitle:before{
		line-height:inherit;
	}
	#filterInput{
		height:60px;
	}
	a.menutit{
		height:60px;
		line-height:50px;
		
	}
	html[lang='Ar'] .accordionTitle{
		font-size:12px;
	padding-top:23px;
	}

}
div.borderbottom{
     border-bottom:2px solid  #333;
    margin-bottom: 15px;
}
div.emptybox{
    display: inline-block;
    width:25px;
    height:25px;
    border :1px dashed #bbb;
    margin:3px;
    text-align: center;
}
@media (max-width:767px){
	div.emptybox{
	width:60px;
    height:60px;
    margin:9px;
	}
}
div.box{
    /*display: inline-block;*/
    width:25px;
    height:25px;
    position: absolute;
   margin-top: -1px;
    margin-left: -1px;
    transition:all 0.6s;
}
div.box:hover{
	
	
	transition:all 0.6s
}
@media (max-width:767px){
	div.emptybox{
	width:60px;
    height:60px;
    margin:9px;
	}
	div.box
	{
		width:60px;
		height:60px;
	}
}
.noborder{
    border:none !important;
}
div.box0{ background-color: #ec008c;}
div.box1{ background-color: #008776;}
div.box2{ background-color: #00acee;}
div.box3{ background-color: #282525;}

div.box4{ background-color: #ec008c;}
div.box5{ background-color: #008776;}
div.box6{ background-color: #00acee;}
div.box7{ background-color: #282525;}
.paddingleftpx{
    padding-left: 28px;
    padding-top: 5px;
}
div.field0{ color:#ec008c;}
div.field1{ color:#008776;}
div.field2{ color:#00acee;}
div.field3{ color:#282525;}

div.field4{ color:#ec008c;}
div.field5{ color:#008776;}
div.field6{ color:#00acee;}
div.field7{ color:#282525;}

div.rowfield{
    
    margin-top: 15px;
    margin-bottom: 15px;
}
div.pageid{
    text-align: center;
    color: white;
    font-size: 27px;
    font-weight: bold;
    margin: auto;
    border-radius: 50%;
    border: 2px solid #008776;
    background-color: #00acee;
    overflow: hidden;
    width: 62px;
    height: 32px;
    padding-top: 3px;
}
div.pageidout{
    text-align: center;

 
    margin: auto;
    margin-bottom: 10px;
    border-radius: 50%;
    border: 2px solid #ec008c;
    background-color: #282525;
    overflow: hidden;
    width: 70px;
    height: 40px;
    padding: 2px;
}

.rotateyear {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.srcx{
    padding:35px;
	font-weight:bold;
	color:#a2073f;
}

/*******nav style ****/

.nav { padding-left: 0px; margin-bottom: 0px; list-style: outside none none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: rgb(238, 238, 238); }
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
  .nav-tabs.nav-justified > li > a { margin-bottom: 0px; }
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; }
  .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: rgb(255, 255, 255); }
}
@media (min-width: 768px) {
  .nav-justified > li { display: table-cell; width: 1%; }
  .nav-justified > li > a { margin-bottom: 0px; }
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; }
  .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: rgb(255, 255, 255); }
}
@media (min-width: 768px) {
  .navbar { border-radius: 4px; }
}
@media (min-width: 768px) {
  .navbar-header { float: left; }
}
.navbar-collapse { padding-right: 0px; padding-left: 0px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset; }
@media (min-width: 768px) {
  .navbar-collapse { width: auto; border-top: 0px none; box-shadow: none; }
  .navbar-collapse.collapse { display: block ! important; height: auto ! important; padding-bottom: 0px; overflow: visible ! important; }
  .navbar-collapse.in { overflow-y: visible; }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0px; padding-left: 0px; }
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px; }
}
@media (min-width: 768px) {
  .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0px; margin-left: 0px; }
}
@media (min-width: 768px) {
  .navbar-static-top { border-radius: 0px; }
}
@media (min-width: 768px) {
  .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0px; }
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; }
}
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.navbar-toggle:focus { outline: 0px none; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }

.navbar-nav { margin: 7.5px auto; }
@media (max-width: 768px) {
	.navbar-nav { margin: 7.5px  0;}
	.nav{}
}
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: transparent; border: 0px none; box-shadow: none; }
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; }
}
@media (min-width: 768px) {
  .navbar-nav { float: left; margin: 0px; }
  .navbar-nav > li { float: left; }
  .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; }
}
@media (min-width: 768px) {
  .navbar-form .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; }
  .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .navbar-form .form-control-static { display: inline-block; }
  .navbar-form .input-group { display: inline-table; vertical-align: middle; }
  .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto; }
  .navbar-form .input-group > .form-control { width: 100%; }
  .navbar-form .control-label { margin-bottom: 0px; vertical-align: middle; }
  .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; }
  .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0px; }
  .navbar-form .checkbox input[type="checkbox"], .navbar-form .radio input[type="radio"] { position: relative; margin-left: 0px; }
  .navbar-form .has-feedback .form-control-feedback { top: 0px; }
}
@media (max-width: 767px) {
  .navbar-form .form-group { margin-bottom: 5px; }
  .navbar-form .form-group:last-child { margin-bottom: 0px; }
}
@media (min-width: 768px) {
  .navbar-form { width: auto; padding-top: 0px; padding-bottom: 0px; margin-right: 0px; margin-left: 0px; border: 0px none; box-shadow: none; }
}
@media (min-width: 768px) {
  .navbar-text { float: left; margin-right: 15px; margin-left: 15px; }
}
@media (min-width: 768px) {
  .navbar-left { float: left ! important; }
  .navbar-right { float: right ! important; margin-right: -15px; }
  .navbar-right ~ .navbar-right { margin-right: 0px; }
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(119, 119, 119); }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: rgb(51, 51, 51); background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: rgb(204, 204, 204); background-color: transparent; }
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(8, 8, 8); }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgb(8, 8, 8); }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: rgb(157, 157, 157); }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: rgb(255, 255, 255); background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: rgb(68, 68, 68); background-color: transparent; }
}

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before { display: table; content: " "; }
.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after { clear: both; }
.fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; }
.nav > li > a:focus, .nav > li > a:hover { background-color: transparent; text-decoration: none; }
ul.nav.navbar-nav li > a:hover { background: rgb(250, 87, 87) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
ul.nav.navbar-nav li.current-page a { font-weight: 600; background: rgb(250, 87, 87) none repeat scroll 0% 0%; border-radius: 4px; color: rgb(255, 255, 255); }

@media (max-width: 480px) {
  #tabs .nav-tabs > li { border-right: 0px none; }
  #tabs .nav-tabs > li > a { padding: 11px 10px; }
}

.nav .mega-fw { position: static; }

.dropdown-header { color: #337ab7; letter-spacing: 0.75px; font-family: "Roboto"; font-size: 16px; text-transform: uppercase; font-weight: 600; margin-bottom: 15px ! important; border-bottom: 1px solid rgb(232, 232, 232); padding: 12px 8px; }
.dropdown-menu { border-top: 2px solid rgb(250, 87, 87); border-radius: 0px; border-left: 0px none; border-right: 0px none; padding: 0px; position: relative; display: block; float: none; width: 100%; box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); }

.megamenu-wrapper { width: 1169px; }

@media (max-width: 1199px){
	.megamenu-wrapper { width: 970px; }
}

@media (max-width: 991px){
	.megamenu-wrapper { width: 750px; }
}

li.dropdown { position: relative; }
li.dropdown > .submenu-wrapper {    padding: 0 0px; position: absolute; display: block; /*left: 0px;*/ z-index: 999; /*pointer-events: none;*/ /*top: 45px; */
}
li.dropdown > .submenu-wrapper > .submenu-inner { margin-top: 20px; opacity: 0; transform: translateY(30%); min-width: 200px; transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; }
li.dropdown:hover > .submenu-wrapper { pointer-events: auto; }
li.dropdown:hover > .submenu-wrapper > .submenu-inner { opacity: 1; transform: translateY(0px); }
ul.mega-first-law li a { padding: 6px ! important; font-size: 13px ! important; color: rgb(83, 82, 82) ! important; }
ul.nav.navbar-nav li ul.mega-first-law li a:hover { background: rgb(250, 87, 87) none repeat scroll 0% 0%; border-radius: 2px; color: rgb(255, 255, 255) ! important; }
li.dropdown .mega-content .mega-last-law { padding-right: 30px; }
.mega-content { padding-left: 30px; }
@media (max-width: 768px){
.mega-content { padding-left: 0; }
}
ul.mega-first-law li { margin: 3px 0px; }
ul.nav.navbar-nav li.dropdown ul.single-dropdown li a { padding: 5px 20px; margin: 0px; background-color: transparent; color: rgb(83, 82, 82); font-weight: 500; }
ul.nav.navbar-nav li.dropdown ul.single-dropdown li a:hover { border-radius: 0px; color: rgb(255, 255, 255); background-color: rgb(250, 74, 74); }
.rev_slider .slotholder::after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; pointer-events: none; background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%; }
.rev_slider::after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 99; pointer-events: none; background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%; }

ul.social-icons li a { width: 40px; text-align: center; display: block; font-size: 17.17px; }
ul.nav.navbar-nav li > a { color: rgb(83, 82, 82); font-size: 14px; margin: 11px 0px; padding: 0px 22px; line-height: 30px;  }
.header-top { background-color: rgb(55, 46, 46); line-height: 40px; height: 40px; }
.header-top ul li, .header-top ul li a, .header-top ul li i { font-size: 15px; color: rgb(203, 203, 203); }
.header-top .text-left li i { margin-right: 10px; }
.header-top .text-left li { margin-left: 25px; }
.header-top .text-left li:hover i, .header-top .text-left li:hover a { color: rgb(255, 255, 255); }
.header-top .text-right li, .header-top .text-right li a, .header-top .text-right li i { font-size: 17.17px; color: rgb(250, 74, 74); padding: 0px; }
.header-top .text-right li a:hover { color: rgb(255, 255, 255); background: transparent linear-gradient(to right, rgb(237, 72, 73), rgb(218, 24, 58)) repeat scroll 0px 0px; }
.header-top .text-right li a:hover i { color: rgb(255, 255, 255); }
.logo a  { padding:10px; }
.home-two-main-header-content, .home-one-main-header-content { padding: 14px 0px; }
@media (max-width: 767px) {
  .top-heading { font-size: 40px; line-height: 40px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .navbar-header i.fa.fa-bars { font-size: 25px; }
  .home-page i.fa.fa-bars { color: rgb(226, 222, 222); }
  .logo a img { width: 100px; padding: 12px 0px 0px; }
  .navbar-toggle { margin-top: -4px; }
}
@media only screen and (min-width: 320px) and (max-width: 478px) {
  .header-top ul li, .header-top ul li a, .header-top ul li i { font-size: 12px; }
  .header-top .text-left li { margin-left: 0px; }
  .header-top .col-xs-12.col-sm-6:last-child { display: none; }
  .home-two-main-header-content .row { padding: 0px; }
  .navbar-toggle { margin-top: 7px; }
  .navbar-header i.fa.fa-bars { font-size: 25px; color: rgb(51, 51, 51); }
  .home-page i.fa.fa-bars { color: rgb(226, 222, 222); }
  .logo a img { width: 90px; padding: 12px 0px 0px; }
}
.navbar-toggle .icon-bar { display: block; width: 22px; height: 4px; border-radius: 1px; background-color: rgb(233, 233, 233); }
.home-three-latest-news .single-latest-item::before { position: absolute; content: " "; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(51, 44, 44, 0.85) none repeat scroll 0% 0%; z-index: 2; }

.about-us-skill .tab-nav ul li:nth-child(2) { border-left: 1px solid rgb(223, 223, 223); border-right: 1px solid rgb(223, 223, 223); }

ul.nav.navbar-nav li > a:hover, ul.nav.navbar-nav li ul.mega-first-law li a:hover, ul.nav.navbar-nav li.current-page a, .latest-news-text h3::before, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .partner-area .owl-wrap-partner .fa:hover, .totop, .social-icons li a:hover, .education-details .tab-nav .nav-tabs.nav-justified > .active > a, .accordion-deafult .panel-heading a, .blog-right-tab .tab-content li:hover::after, #owl-blog-slider .owl-controls .owl-page.active span, #owl-blog-slider .owl-controls.clickable .owl-page:hover span, .home_two_pro_bono_area .single_pro_bono:hover .pro_bono_text, .bottom-plus i::before, .offcanvas-menu .close:hover, .slider-btn, .single_latest_item .home-three-news a.fa, .home-three-practice-area .col-xs-12.col-sm-6 i:hover, ul.nav.navbar-nav li.dropdown ul.single-dropdown li a:hover, .sidebar-tweet .tweet-feed .tweet ul li:hover { background-color: rgb(5, 171, 224); }
.totop:hover { background-color: rgb(36, 188, 244); opacity: 0.9; }
.dropdown-menu { border-top: 2px solid rgb(5, 171, 224); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top ul li, .header-top ul li a, .header-top ul li i { font-size: 12px; color: rgb(203, 203, 203); }
  .menu-bar { top: 2px; }
  .navbar-toggle-s { padding: 0px 10px; margin-top: 0px; margin-right: 25px; }
  .navbar-toggle-s .icon-bar-s { display: block; width: 35px; height: 4px; }
  ul.nav.navbar-nav li > a { font-size: 13px; padding: 0px 17px; margin: 2px 0px; }
  .navbar-toggle-s .icon-bar-s + .icon-bar-s { margin-top: 6px; }
}

.dropdown-menu{
        top: -20px;
}
.collapse{
        display: block;
}

.dropdown-menu ul li {
    border-bottom: 1px dashed gray;
}
/*.dropdown-menu ul li a:hover{
        text-decoration: none;
}*/

/****** END nav style ********/

#scroltopImg{
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}
a.activeAccordion{
    background-color: #212121 !important;
    transition: background-color .4s
}

.menutit{
    font-weight: bold;
    font-size: 17px !important;
	margin-bottom:23px;
}
html[lang='Ar'] h1,html[lang='Ar'] a,html[lang='Ar'] h2,html[lang='Ar'] li,html[lang='Ar'] ul,html[lang='Ar'] div
{
    font-family: 'Droid Arabic Kufi';
}
html[lang='Ar'] a.accordion-title , html[lang='Ar'] ul.mega-first-law{
    text-align: right;
    direction: rtl;
}
html[lang='Ar'] .accordionTitle:after,
html[lang='Ar'] .accordion__Heading:after {
    margin-left: 6px;
  content: "+";
  font-size: 1.5em;

  float: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  font-family: Lato;
  line-height:inherit;

  
}

html[lang='Ar'] .accordionTitle:before,
html[lang='Ar'] .accordion__Heading:before {
    content: "";
}
html[lang='Ar'] .accordionTitleActive:after,
html[lang='Ar'] .accordionTitle.is-expanded:after {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

@media (min-width: 992px){
html[lang='Ar'] .col-md-1, html[lang='Ar'] .col-md-10,html[lang='Ar'] .col-md-11,html[lang='Ar'] .col-md-12,html[lang='Ar'] .col-md-2,html[lang='Ar'] .col-md-3,html[lang='Ar'] .col-md-4,html[lang='Ar'] .col-md-5,html[lang='Ar'] .col-md-6,html[lang='Ar'] .col-md-7,html[lang='Ar'] .col-md-8,html[lang='Ar'] .col-md-9 {
    float: right;
    direction: rtl;
    text-align: right;
    }
}

html[lang='Ar'] .col-md-1, html[lang='Ar'] .col-md-10,html[lang='Ar'] .col-md-11,html[lang='Ar'] .col-md-12,html[lang='Ar'] .col-md-2,html[lang='Ar'] .col-md-3,html[lang='Ar'] .col-md-4,html[lang='Ar'] .col-md-5,html[lang='Ar'] .col-md-6,html[lang='Ar'] .col-md-7,html[lang='Ar'] .col-md-8,html[lang='Ar'] .col-md-9 {
 
    direction: rtl;
    text-align: right;
    }


html[lang='Ar'] h1.tith1{
        padding-right: 25px
}
html[lang='Ar'] .statsRow
{
        padding-right: 30px;
}
@media (max-width: 767px) {
html[lang='Ar'] .statsRow
{
        padding-right: 3px;
}	
}

html[lang='Ar'] div.box{
        margin-right: -1px;
}

html[lang='Ar'] .paddingleftpx {
padding-right:28px;
}

@media (max-width: 767px) {
	.submenu-wrapper,li.has-megamenu{
	/*	display:none ;*/
	max-width:100%;
	}
	li.dropdown{
	min-width: 100%;
    margin: 0;
	}
	.margin0{
		margin-left:0 !important;
		margin-right:0 !important;
	}
	ul.mega-first-law li {
		height:60px;
		
	}
	ul.mega-first-law li a {
	font-size: 17px !important;
    font-weight: bold;
	}
	.mega-first-law{
		padding: 0  0 0 10px;
	}
	
}
.yearsBoxes{
	margin-bottom:10px !important;
}
h1.tith1{
	font-size:1.5em;
}


div.topHeader{
height:30px;
  background: #174660; /* For browsers that do not support gradients */
  border-top:1px solid #fff;

}

.mHeader{
height:130px;
background-color:#10547b;
color: #fff !important;
    padding-left: 10px !important;
    font-size: 1.5rem !important;
/*background-repeat:no-repeat !important;
background-position:center center;

background-size:100% auto !important;*/
}

html[lang='en'] .mHeader{	
/*background:url(images/bannerEn.jpg);*/
}
html[lang='ar'] .mHeader{	
/*background:url(images/bannerAr.jpg);*/
}

.mHeader a{
color:#fff;
}
.mHeader a:hover{
	color:#fff;
	text-decoration:underline;
}
@media (min-width: 768px){
	.mHeader a{
	margin-bottom:10px;
	}
	.mHeader{
		height:110px;
	}
}
@media (min-width: 1024px){
	.mHeader a{
	margin-bottom:10px;
	
	}
	.mHeader{
		height:110px;
	}
}
@media (max-width: 992px){
	
	.mHeader{
		height:130px;
	}
}
@media (max-width: 768px){
	.mHeader{
		height:140px;
	}
	html[lang='en'] .mHeader{	
/*background:url(images/bannerSmallEn.jpg);*/
}
html[lang='ar'] .mHeader{	
/*background:url(images/bannerSmallAr.jpg);*/
}
}
@media (max-width: 590px){
	
	.mHeader{
		height:130px;
	}
}

@media (max-width: 480px){
	.mHeader{
		height:120px;
	}
}
.nopadding{
	padding-left:0;
	padding-right:0;
}
.mobileyear{
	position:absolute;
	vertical-align:middle;align:center;
	width:60px;height:60px;padding-top:15px;
	font-size:20px;
	pointer-events:none;
}
@media (min-width: 768px){
	.mobileyear{
		display:none;
	}
}
@media (max-width: 767px){
	.pcYears{
		display:none;
	}
	.statsRow>.text-left{
		text-align:center;
	}
}

#filterInput{
	
	background-image:url(images/search-filter.png);
	background-repeat:no-repeat;
	background-position:left 10px top 2px;
}
html[lang='ar'] #filterInput{

	background-position:right 10px top 2px;
}
#pTitleDiv{
	font-size:19px;
	font-weight:bold;
	text-align:center;
	padding:17px;
	color:#465C89;
}
@media (max-width: 767px){
li.dropdown > .submenu-wrapper > .submenu-inner{
	display:none;
}
}
#fixed-popupAjax
{
	overflow-y: auto;
    overflow-x: hidden;
}