/*-@import url("font.css");**/
@import url("http://fonts.googleapis.com/earlyaccess/droidarabickufi.css");
@import url("http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css");

/****************************************
GLOBAL CSS
****************************************/
/**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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, caption { margin:0px; padding:0px; border:0px; outline:0px; background:transparent; }
ul { list-style:none; }
ol li { padding-bottom:10px; line-height:18px; }
:focus { outline:0px; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
hr { margin:10px 0px; border:none; font-size:1px; line-height:0; width:100%; clear:both; }
img { border:0px; outline:0px; }*/
.clear { clear:both; }
.img-responsive{display:block; width:100%;}
p { direction:rtl ; text-align:right; line-height:26px; margin:0px 0px 30px 0px ; color:#413a39 ;}
body {color:#413a39 ; font:16px/normal 'Droid Arabic Naskh', serif; background:#f0f0ef ;}
a{ color:#413a39 ; text-decoration:none ; font-size:16px ; font-family: 'Droid Arabic Kufi', sans-serif, serif; transition:all 0.2s ease-in-out 0s; direction:rtl; text-align:right; }
a:hover{ text-decoration:none; background:none !important;}
a:focus {outline: 0; text-decoration:none !important;}
a:hover{ color:#c51d23 ;}
.yellow-button{ background:#eaa628; color:#413a39; font-family: 'Droid Arabic Kufi', sans-serif; display:block; line-height:40px; text-align:center;}
.yellow-button:hover{ background:#fff !important;}
p.link-arrow{ padding:0px 30px 0px 0px ; background:url(../images/icons/cg-arrow-icon.png) no-repeat right 7px;}
p.link-arrow-back{ padding:0px 30px 0px 0px ; background:url(../images/icons/cg-arrow-icon-back.png) no-repeat right 7px;}

/*------ HEADINGS CSS ------*/

h1, h2, h3, h4, h5, h6{font-family: 'Droid Arabic Kufi', sans-serif;}
h1 { margin:50px 0px; padding:0px; font-size:55px; line-height:62px; color:#9e9c9c;}
h2 { margin:0px; padding:0px; color:#c8292e  ; font-size:18px ; line-height:30px;}
h2 span{ font-family:'Droid Arabic Kufi', sans-serif;}
h3 { margin:0px !important; padding:0px  !important;  color:#fff; font-size:26px;}
h3 span{  font-family: 'Droid Arabic Kufi', sans-serif; font-size:22px;}
h4 { margin:0px !important; color:#c8292e ; font-size:33px ; }
h5 { margin:0px 0px 17px 0px ; padding:0px ; color:#413a39 ; font-size:22px ; font-weight:bold; }
h6 { margin:0px; padding:0px; font-size:24px ; color:#a5a5a5 ;}

/*------ General CSS ------*/
#wrapper{ width:100%; position:relative;}
.error-message{ color:#c8292e; font-family: 'Droid Arabic Naskh', serif; font-size:14px; padding-bottom:10px; float:left; width:100%;}

/*------ Table CSS ------*/
table.box { border-collapse:collapse;  width:100%; margin-bottom:30px;}
table.box tr{ background:#fff;}
table.box tr:nth-of-type(2n){ background:#f7f6f6;}
table.box td { padding:10px; border:1px solid #ccc; vertical-align: top; }
table.box .map-services{ width:100%; height:250px !important;}
table.box tr td:nth-of-type(1n){ width:30%;}
table.box tr td:nth-of-type(2n){ width:70%;}
.eng-font{ direction:ltr; text-align:right;}
table.box a.email{ color:#c51d23; background:none; display:inline; padding:0px;}
table.box a.email:hover{ color:#413a39; background:none !important;}
.accordian-services{ background:#edeaea;  transition:all 0.2s ease-in-out 0s;  border-left:1px solid #ccc;  border-right:1px solid #ccc; border-top:1px solid #ccc; }
.accordian-services-menu a{ margin-top:20px; border-bottom:0px;}


/*------ Normal List CSS ------*/
ul.normallist{ float:right; width:100%; margin-bottom:20px;}
ul.normallist li{ background:url(../images/icons/cg-normallist-arrow.png) no-repeat right 9px; padding-right:20px; float:right; margin-bottom:15px; display:block; width:100%; }

/*------ Header CSS ------*/
.main-logo{ background:#fff; padding:32px 0px; width:293px; text-align:center; z-index:1 ;}
.main-header{ position:absolute; top:0; height:50px; z-index:3; width:98.7%;}
.main-header-left{ width:293px; float:right;}
.main-header-right{ width:300px; float:left; text-align:right}
ul.header-right{ float:left; width:100%;}
ul.header-right li{ width:68px; height:60px; float:left; display:inline-block;}
ul.header-right li a.language{ background:#413a39; color:#fff ; display:block; font-size:24px ; text-align:center; vertical-align:middle; width:67px; height:40px; padding-top:5px; font-family:'sf_ui_textregular', Arial, sans-serif; }
ul.header-right li a.language:hover{ background:#eaa628 !important ;}

/*------ Navigation CSS ------*/
.navigation-bg{background: rgba(65, 58, 57, 0.9); padding:15px; float:right; z-index:900000000 !important;}
.navbar{ margin-bottom:14px;}
.navbar-inverse{ background:none !important;  padding-right:0px; color: #fff;  border:none !important; }
.navbar-collapse{ border:none !important;}
.nav > li{ width:100% !important; height:auto; background:none;}
.nav > li a{ text-transform:none ; font-family: 'Droid Arabic Kufi', sans-serif;  font-size:18px; color:#fff !important;  border-bottom:1px solid #5c5858;  float:none; direction:rtl ; text-align:right;}
.nav > li a:hover{background:none ; color:#eaa628 !important;}
.nav > li:last-child a{ border-bottom:none; padding-bottom:0px;}
.navbar-toggle{ margin-right:0px;}
.navbar-toggle .icon-bar { margin:auto;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a{ background:none; box-shadow:none; color:#eaa628 !important;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{ background:none; border-bottom:1px solid #5c5858;}
.dropdown-menu{ right:278px; top:0px; background: rgba(255, 255, 255, 0.9); border-radius:0px; padding:0px 15px; min-height:225px !important; width:280px;}
.navbar-nav .open .dropdown-menu > li { display:block; border-bottom:1px solid #d8d8d8;}
.navbar-nav .open .dropdown-menu > li:last-child { border-bottom: none;}
.navbar-nav .open .dropdown-menu > li > a{ padding:10px 0px 5px 0px; font-family: 'Droid Arabic Kufi', sans-serif; font-size:15px; color:#413a39 !important; border-bottom:0px;}
.navbar-nav .open .dropdown-menu > li > a:hover{ color: #c8292e !important;}
.caret{border-bottom: 8px solid transparent; border-top: 6px solid transparent; border-left: 6px solid; display:inline-block; height:5px; vertical-align: middle; width:5px; }
.navigation-bg .fa{ font-size:18px !important; padding-right:10px !important;float:left !important;}
.navigation-bg .fa-angle-left{ display: run-in;}
.navigation-bg .fa-angle-down{ display:none;}

/*---
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/*------ Search CSS ------*/
.search-form .form-group {   float: right; transition: all 0.35s, border-radius 0s; width: 42px; height: 42px; background-color: #4a4a4b; }
.search-form .form-group input.form-control { padding-right: 20px; border: 0 none; background: transparent; box-shadow: none; display:block;}
.search-form .form-group input.form-control::-webkit-input-placeholder { display: none;}
.search-form .form-group input.form-control:-moz-placeholder { display: none;}
.search-form .form-group input.form-control::-moz-placeholder {display: none;}
.search-form .form-group input.form-control:-ms-input-placeholder {display: none;}
.search-form .form-group:hover,
.search-form .form-group.hover {  width: 200px; }
.search-form .form-group span.form-control-feedback {  position: absolute; top: 5px;   right: 5px;   z-index: 2;   display: block;   width: 34px;   height: 34px;   line-height: 34px;   text-align: center;   color: #3596e0;   left: initial;   font-size: 14px;}

/*------ Jquery CSS ------*/
.jquery{ background:#FFF; margin-top:-1px;}
.jquery-responsive{ background:#FFF; margin-top:-1px; display:none; }
.jquery-caption{ width:100px !important;}
.tp-banner-container{ z-index:0;}
.jquery h6{ font-size:55px; color:#fff;}
.jquery-sub-caption{ display:none;}
.tp-caption{ padding-left:0px; }
.tp-bullets { padding-right:0px !important; margin-right:172px !important;}

/*------ Inner Banner CSS ------*/ 
.inner-banner { float:left; width:100%; height:407px; overflow:hidden; display:block; background-size:cover !important; background-position:center top !important;  margin-top:-1px;}


/*------ Breadcrumb CSS ------*/
.breadcrumb{ background:#f0f0f0; padding:20px 0px 0px 0px; float:right; width:100%;}
.breadcrumb h5{color:#413a39 ; font-size:30px ; padding:0px 320px 0px 0px; margin-bottom:0px;}

ul.breadcrumb-menu{ float:right; margin:0px 320px 0px 0px;}
ul.breadcrumb-menu li{ display:inline; color:#413a39; font-size:14px;float:right; }
ul.breadcrumb-menu li a{ color:#c51d23; font-size:14px; font-family:'Droid Arabic Naskh', serif;  margin-left:5px;}
ul.breadcrumb-menu li::after  { content:"\f104";  font-family: 'FontAwesome'; line-height:24px; float:left; padding-left:5px;}
ul.breadcrumb-menu li:last-child::after{ display:none;}
ul.breadcrumb-menu li a:hover{ color:#7f0c11;}

/*------ Main Cont CSS ------*/
#maincont{ background:#fff;}
.governer{ padding:52px 0px 45px 0px; }
.governer-img-home{ padding:0px 0px 0px 20px; float:right;}
.first-colon{ padding-left:10px;}
.second-colon{ padding-right:10px;}
.governer-cont{ width:95%; margin-right:15px;}
.governer p{ margin:0px 0px 16px 20px; line-height:27px;}
.governer p a{ font-family:'Droid Arabic Naskh', serif;  color:#413a39; margin-bottom:0px; color:#4e4442; font-size:14px; font-weight:bold;}
.governer p a:hover{ color:#000 !important;}
.main-cont-sub-heading{ display:none; font-family: 'Droid Arabic Kufi', sans-serif; }
.main-cont-heading h1{ margin:30px 0px; }
.colon-first{ padding:0px 15px 0px 0px !important; float:left;}
.colon-second{padding:0px 215px 0px 0px !important; float:right !important;}
.governer-paragraph{ position:relative;}

/*------ Inner Cont CSS ------*/
#inner-cont{ padding:60px 0px; background:#fff; min-height:800px;}
#inner-cont iframe{ width:100%; height:100%;}
.inner-leftbar{ float:right; width:27.6%; }
.inner-leftbar .error-message { margin-top:10px;}
.inner-rightbar{ float:left; width:72%;}
p.inner-paragraph{ font-family: 'Droid Arabic Kufi', sans-serif; font-size:24px; color:#757171; line-height:39px; font-weight: bold;}
.inner-map{ float:right; margin:0px 0px 30px 60px;}
.inner-leftbar-img{ border:5px solid #ececec; margin-bottom:25px;}
.inner-leftbar p { margin-bottom:25px;}
.inner-leftbar p span{font-family:'Droid Arabic Naskh', serif;  }
.inner-leftbar input[type=text] { padding:0px 10px; height:40px; line-height:40px; font-size:13px; color:#343434; border:none; background:#f0f0f0; border-radius:0px; box-shadow:none; font-family:'Droid Arabic Kufi', sans-serif; }
.inner-leftbar .complaint-button{ margin:0px !important;  }
.inner-leftbar h5{ font-size:24px;}
.inner-leftbar .styled-select{ margin-bottom:px;}
.inner-leftbar .fa{ font-size:36px; margin-left:20px; color:#eaa628;}
.inner-leftbar .fa:hover{ color:#c51d23;}
#inner-cont .col-lg-pull-8{right:0%;}
#inner-cont .col-lg-push-4{ right:27.2%;}
.inner-governer{ float:right; width:235px; height:250px; border:5px solid #ececec; margin:0px 0px 0px 30px;}

/*------ Left Navigation CSS ------*/
ul#leftnavigation{  width:100%; margin-top:5px; }
ul#leftnavigation li{ width:100%; border-bottom:1px solid #d9d8d7;}
ul#leftnavigation li a{  color:#413a39; display:block; padding:10px; font-size:18px;}
ul#leftnavigation li a:hover{ color:#fff; background:#c51d23 !important;}
ul#leftnavigation li a.active{ color:#fff; background:#c51d23;}

/*------ Left Navigation Accordion CSS ------*/
#accordion .panel-heading { padding: 0;}
#accordion .panel-title > a { display: block; 	padding:none: none;  font-weight:bold;  text-decoration: none; font-size:16px;}

#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before  { content:"\f107"; float: left; font-family: 'FontAwesome'; line-height:35px;}
#accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before  { content:"\f107"; line-height:35px;}
.panel{ background:none; box-shadow:none; border-radius:0px !important; }
.panel a{  color:#413a39; display:block; padding:8px 13px; font-size:18px;  font-weight:normal !important; font-weight:bold;}
.panel a:hover{ color:#fff; background:#c51d23 !important;}
.panel a.active{ color:#fff; background:#c51d23;}
.panel-default { border-bottom:1px solid #d9d8d7; border-top:none; border-left:none; border-right:none; border-radius:none;}
.panel-group  { border:none;  border-radius:none;}
.panel-group .panel + .panel{ margin-top:0px;}

/*------ Left Sub Navigation Accordion CSS ------*/
ul.left-sub-navigation{  width:100%; margin:0px 0px 10px 0px; padding:10px 0px 0px 0px;}
ul.left-sub-navigation li{ width:100%; border-bottom:1px solid #d9d8d7;}
ul.left-sub-navigation li a{  color:#413a39; display:block; padding:8px 10px 8px 25px ; font-size:14px; background:url(../images/icons/cg-normallist-arrow.png) no-repeat 8px 24px;}
ul.left-sub-navigation li:last-child{ border-bottom:0px;}
ul.left-sub-navigation li a:hover{ color:#413a39; background:url(../images/icons/cg-normallist-arrow-dark.png) #f1f2f2 no-repeat 8px 24px !important;}
ul.left-sub-navigation li a.active{ color:#413a39; background:url(../images/icons/cg-normallist-arrow-dark.png) #f1f2f2 no-repeat 8px 24px !important;}

/*------ About Us CSS ------*/
.three-block{ border:5px solid #ececec;  }
.three-block img{min-height:122px; float:left;}
.about-us h3{ font-size:20px; position: absolute; right:15px; top:50px;}
figure.effect-lily h3 { -webkit-transform: translate3d(+5px,0px,0); transform: translate3d(+5px,0px,0);  width:225px;}
.about-us h3 .fa { font-size:16px; padding-right:10px;}
.about-us p{ position:absolute; left:20px; top:63px; font-size:15px; font-family:'Droid Arabic Naskh', serif; }

/*------ Project Listing CSS ------*/
.cg-projects h4{ font-size:24px; }
.p-cg-projects{ margin:10px 0px;}
ul.project-list{ float:right; }
ul.project-list li{ float:right; width:100%; display:block; margin-bottom:30px;  border-bottom:1px solid #d9d8d7;}
.news h4{ margin-bottom:5px !important;     font-size: 22px;     line-height: 30px;}
.news .inner-paragraph { margin-bottom:10px;}
.news span{ color:#413a3; font-family:'Droid Arabic Naskh', serif;   text-align:right; font-size:14px; padding-left: 10px; font-weight: 400;}
.news span .fa {
    color: #eaa628;
    padding-left: 5px;
}
.news span a{font-family:'Droid Arabic Naskh', serif; }
.cg-projects-img {border:5px solid #ececec; margin-bottom:30px;}
.cg-projects .tp-banner-container{border:5px solid #ececec; margin:20px 0px;}
.project-loading{ text-align:center;}
.project-loading-more{ text-align:left; display:none;}
.project-loading-more a{ font-size:18px;}
.project-loading .fa-spinner { color:#eaa628; font-size:34px;}
.cg-projects ul.normallist{ margin-bottom:20px; float:left;}
.cg-projects ul.normallist:nth-of-type(2){ margin-bottom:0px; float:left;}
.cg-projects ul.normallist li { width:100%;}
.cg-projects-details{ margin:0px 0px 30px 0px;}
.cg-projects .tp-bullets{ padding-right:0px !important;}


/*------ Annual Report CSS ------*/
ul.annual-report{
    display: block;
    width: 100%;
}
ul.annual-report li{
       width: 47.7%;
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d8d7;
    margin-left: 30px;
    vertical-align: top;    
}

ul.annual-report li:nth-of-type(2n){
    margin-left: 0px;
}

ul.annual-report li .annualreport{
    display: table;
    width: 100%;
}

ul.annual-report li .annualreport .block{
    display: table-cell;
    vertical-align: top;
}

ul.annual-report li .annualreport .block:nth-of-type(1){
    width: 10%;
    font-size: 58px;
}

ul.annual-report li .annualreport .block:nth-of-type(1) .fa{
        vertical-align: top;
    color: #b0aeae;
}


ul.annual-report li .annualreport .block:nth-of-type(2){
    width: 90%;
    padding: 0px 20px;
}
ul.annual-report li a .annualreport .block:nth-of-type(2)  h4{
    font-size: 18px;
    color: #413a39;
    transition: all 0.2s ease-in-out 0s;
    margin-top: 0px !important;
}

ul.annual-report li  a:hover .annualreport .block:nth-of-type(2) h4{
    font-size: 18px;
    color: #c51d23;
}

ul.annual-report li a .annualreport .block:nth-of-type(2)  span, ul.annual-report li a:hover .annualreport .block:nth-of-type(2)  span{
    color: #413a39;
    display: block;
}
ul.annual-report li a .annualreport .block:nth-of-type(2)  span.pdf{
    color: #a7a4a4;
}

/*------ Directors CSS ------*/
.directors .three-block { width:100%;  margin-bottom:10px; float:left;}
.directors p.heading{font-family: 'Droid Arabic Kufi', sans-serif;  font-size:18px; color:#c51d23; margin-bottom:0px;}
.directors-block{ min-height:340px;}

/*------ Administration Modal CSS ------*/
.administration  .modal-dialog { width:800px; margin:10% auto;}
.administration .modal-content { border:none; border-radius:0; padding:30px;}
.administration .modal-content h4{ font-size:26px;}
.administration .modal-content img{ border:5px solid #ececec; margin-bottom:30px;}
.popup-footer{ background:#f3f3f3; border:1px solid #d8dadb; float:left; width:100%; margin-top:25px; }
.invest-prev{ background:url(../images/icons/cg-administration-team-prev.png) no-repeat 23px 12px; width:13px; height:24px; cursor:pointer; border:none; padding:25px 30px; }
.invest-next{ background:url(../images/icons/cg-administration-team-next.png) no-repeat 25px 12px; width:13px; height:24px; cursor:pointer; border:none; padding:25px 30px;}
.invest-close{ background:url(../images/icons/cg-administration-team-close.png) no-repeat 25px 12px; width:24px; height:24px; cursor:pointer; border:none; padding:25px 35px;}
ul.footer-link{ float:right;}
ul.footer-link li {border-left:1px solid #d8dadb; display:block; float:left; }
ul.footer-link li a:hover{ opacity:0.1;}
.close-block{ float:left; border-right:1px solid #d8dadb;}

/*------ Photo Gallery CSS ------*/
ul.photo-gallery{ width:100%;}
ul.photo-gallery li{ width:31.6%; margin:0px 0px 30px 21px; min-height:130px; float:right; line-height: 20px;}
ul.photo-gallery li:nth-of-type(3n) { margin-left:0px;}
.galler-img{ border:5px solid #ececec; margin-bottom:15px; position:relative; overflow:hidden;}
ul.photo-gallery li span.news{margin-top: 10px !important; display: block;}

/*------ Photo Img Hover Gallery CSS ------*/
.imghover .thumb-overlay { position: absolute; top:0px; left: 0px; width: 100%; height: 100%; text-align:center; background: rgba(6,75,108,0); border: 0px solid #000000; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.imghover a:hover .thumb-overlay { background: rgba(65,58,57,0.8);}
.imghover .thumb-overlay i { color: rgba(255,255,255,0); position: absolute; top: 42%; left: 50%; display: block; margin-left: -17px; margin-top: -19px; font-size: 36px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.imghover a:hover .thumb-overlay i {	top: 50%; color: #fff;}
.imghover .thumb-overlay span { color: rgba(223,172,31,0); position: absolute; clear:both; top: 50%;	width:100%; 	text-align:center; display: block; margin-top: -19px; font-size: 16px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.imghover a:hover .thumb-overlay span { top: 62%; color: rgba(223,172,31,1);}
.imghover .photogallery i { color: rgba(255,255,255,0); position: absolute; 	top: 42%; left: 50%; display: block; margin-left: -17px; margin-top: -19px; font-size: 24px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.imghover a:hover .photogallery i { top: 55%;  color: #eaa628; font-size:24px;}
.imghover a:hover { color:#c51d23; }


ul.photogallery_search {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
ul.photogallery_search li:first-child{
    width: 46%;
}
ul.photogallery_search li{
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}

ul.photogallery_search li:last-child{
    padding-left: 0px;
    text-align: right;
}
.datetimepicker{
    background: #fff !important;
}

.table-condensed{
    margin: auto !important;
}

.today, .switch{
    font-family: 'Droid Arabic Naskh', serif;
    font-size: 18px;
}

.datetimepicker thead tr:first-child th, .datetimepicker tfoot th{
    vertical-align: middle;
}

.datetimepicker th span.glyphicon{
      padding-left: 0px !important;

}

.input-append.date .add-on i, .input-prepend.date .add-on i, .input-group.date .input-group-addon span{
        float: none !important;
        font-size: 16px;
    width: auto !important;
}

.input-group-addon{
    border: 1px solid #f0f0f0;
    border-radius: 0px;
    background: #7a7575;
    text-align: center;
}
.photo_gallery_checkall{
    margin-bottom: 30px;
    margin-top: 30px;
        display: block;

}
.photo_gallery_checkall input{
    margin-left: 5px;
}
table.photogallery_footer_button{
    width: 100%;
    font-size: 14px;
    margin-top: -15px;
    border: 1px solid #ececec;
   
}
table.photogallery_footer_button tr td{
    width: 50%;
     padding: 8px 10px 10px 10px;
}
table.photogallery_footer_button tr td:last-child{
    text-align: left;
}
table.photogallery_footer_button .photo_gallery_checkall{
    margin:0px 0px 0px 5px;
}
table.photogallery_footer_button a{
    font-size: 14px;
}


input[type='checkbox'] {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	width: 13px;
	height: 13px;
	margin: 0;
	margin-left: 5px;
	display: inline;
	/*float: right;*/
	position: relative;
	cursor: pointer;
}

input[type='checkbox']:after {
	content: "";
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	position: absolute;
	cursor: pointer;
	height: 13px;
	width: 13px;
	right: 0;
	top: 0;
	font-size: 10px;

}

input[type='checkbox']:hover:after, input[type='checkbox']:checked:hover:after {
	background: #c51d23;
	content: '\2714';
	color: #fff;
}

input[type='checkbox']:checked:after {
	background: #c51d23;
	content: '\2714';
	color: #fff;
}

.complaints-block ul.photogallery_search li span{margin: 0px;}

/*------ Video Img Hover Gallery CSS ------*/
.imghover .videogallery i { color: rgba(255,255,255,0); position: absolute; 	top: 42%; left: 50%; display: block; margin-left: -17px; margin-top: -19px; font-size: 24px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.imghover a:hover .videogallery i { top: 55%;  color: #eaa628; font-size:34px;}

/*------ Complaints CSS ------*/
.form-complaints{ margin-bottom:30px;}
.complaints-block{ padding:0px 30px 30px 30px;  float:left; width:100%;}
.complaints-block label{font-family: 'Droid Arabic Kufi', sans-serif; padding:30px 0px 10px 0px; width:100%;}
.complaints-block label span{font-family: 'Droid Arabic Kufi', sans-serif; margin-left:0px; }
.complaints-block input[type=text],.complaints-block input[type=password] { padding:0px 10px; height:40px; line-height:40px; font-size:13px; color:#343434; border:none; background:#f0f0f0; border-radius:0px; box-shadow:none; font-family:'Droid Arabic Kufi', sans-serif; }
.select-form { padding:0px 10px; height:40px; line-height:40px; font-size:13px; color:#343434; border:none; background:#f0f0f0; border-radius:0px; box-shadow:none; font-family:'Droid Arabic Kufi', sans-serif; width:100%; cursor:pointer; outline:none;}
.complaints-block input[type=radio]{ padding:5px; background:#000 !important;}
.complaints-block span{ margin:0px 0px 0px 10px;}
.styled-select select { background: transparent; width: 100%; border: 0; border-radius: 0; height: 40px; line-height:40px; padding:0px 10px; font-size:13px; color:#343434; box-shadow:none; font-family:'Droid Arabic Kufi', sans-serif; cursor:pointer;   -webkit-appearance: none;   -moz-appearance: none; appearance: none;}
.styled-select { width: 100%; height: 40px;  overflow: hidden;  background: url(../images/icons/down_arrow_select.jpg) no-repeat 10px #f0f0f0; border: none;}
.complaints-block textarea{ background:#f0f0f0; border:none; width:100%; padding:10px; font-family:'Droid Arabic Naskh', serif;  font-size:13px; height:150px;}
.span-italic{font-family:'Droid Arabic Naskh', serif; font-style:italic; font-size:13px; text-align:right; padding:15px 0px 0px 0px; float:right;}
.complaints-block input[type=file]{padding:0px 10px; height:40px; line-height:40px; font-size:13px; color:#343434; border:none; background:#f0f0f0; border-radius:0px; box-shadow:none; font-family:'Droid Arabic Kufi', sans-serif; cursor:pointer; width:70%; margin-bottom:30px;}
.complaint-button{ background:#eaa628; color:#413a39; font-family: 'Droid Arabic Kufi', sans-serif;  display:block; line-height:40px; text-align:center; cursor:pointer; border:none; font-size:20px; padding:0px 50px; min-width:160px; float:right; margin-right:30px; transition:all 0.2s ease-in-out 0s; font-weight:bold; }
.complaint-button:hover{ background:#f7b843 !important;}
.complaint-button:nth-of-type(1){ margin-left:250px;}
fieldset {  border: 1px solid #d9d8d7; background: #fff; padding: 0px;}
fieldset legend {  font-family: 'Droid Arabic Kufi', sans-serif;  font-size:20px; color:#c51d23;  margin-left:20px; width:auto; padding:0px 10px;}
.span-form{font-family:'Droid Arabic Naskh', serif; margin-left:0px !important;}
.browser-left{ width:57%; float:right;}
.browser-right{ width:43%; float:left;}
.browser-right a{ float:left;}
.formcolumn p{ margin-top:20px;}
#drop a{ float:right !important;}

/*------ Contact Us CSS ------*/
.contact-address-block p{ direction:ltr; text-align:right; }
.contact-address-block p span{ padding-left:5px;}
.contact-button{background:#eaa628; color:#413a39; font-family: 'Droid Arabic Kufi', sans-serif; display:block; line-height:40px; text-align:center; cursor:pointer; border:none; font-size:20px; padding:0px 50px; min-width:160px; margin:20px 20px 0px 0px; transition:all 0.2s ease-in-out 0s; float:left;}
.contact-button:hover{ background:#f7b843 !important;}
.contact-button:nth-of-type(2) { margin-right:0px;}
.contact-address{ background:#f0f0ef; padding:20px; margin-bottom:30px;}
.contact-address h4{ font-size:24px;}
.contact-address p { font-size:18px; margin-bottom:7px; font-family:'Droid Arabic Naskh', serif; margin-right: 36px;}
.address{ font-size:16px !important; line-height:24px;}
.fa-address-icon{ padding-bottom:30px;}
.contact-address p span{ color:#413a39; font-size:12px;}
.contact-address p a{ font-family:'Droid Arabic Naskh', serif; font-size:18px;}
.contact-address .fa, .glyphicon{ color:#eaa628; font-size:22px; float:right; /*padding-left:15px;*/}
.g-recaptcha{ margin-right:-12px;}

/*------ Map CSS ------*/
#map { width: 100%; height:400px;}
#map .fa{ color:#eaa628; text-align:right; float:right; padding: 6px 0px 0px 10px; }
#map p{ margin-bottom:10px; direction:ltr; }
.info-window { font-family:'Droid Arabic Naskh', serif; padding:0px 20px 20px 20px; }
.info-content { color: #999; font-family:'Droid Arabic Naskh', serif; font-size:14px;}
.info-content  p a{ font-size:14px; font-family:'Droid Arabic Naskh', serif;}
.info-content  p  span{font-family:'Droid Arabic Kufi', sans-serif;  font-size:16px; color: #eaa628;}


/*.governer-graph {  padding:22px 0px 22px 0px !important; margin: 0px 0px 0px 15px !important; background-image: url(../images/icons/openquote3.gif); background-position: top left;   background-repeat: no-repeat; text-indent: 65px;}
.governer-graph span {  display: block;   background-image: url(../images/icons/closequote3.gif);    background-repeat: no-repeat;   background-position: bottom right;}

/*------ Case CSS ------*/
/*.case{ background:url(../images/cg-case-bg.jpg); padding:30px; color:#fff; background-size:cover;}
.case img{ float:right; padding-left:15px; }
.case h3{ margin-top:0px; line-height:30px; font-size:32px !important; }
.case p{ margin-top:23px; color:#fff;}*/


/*------ Case CSS ------*/
.case{ background:url(../images/cg-case-bg.jpg); padding:30px; color:#fff; background-size:cover;}
.case img{ float:right; padding-left:15px; }
.case h3{ margin-top:0px; line-height:30px; font-size:32px !important; }
.case p{ margin-top:23px; color:#fff;}
.case .yellow-button{ margin-bottom: 15px;}
span.case-download {display: block; padding-top: 5px;}
span.case-download a{display: inline-block;}
span.case-download a img{float: none; padding-left: 0px; height: 29px;}
span.case-download a:nth-of-type(1){ padding-left: 12px; margin-left: 8px; border-left: 1px solid #c6c6c6;}

/*------ Case CSS Responsive------*/
@media only screen and (max-width:1199px){
    span.case-download a{width: 49%; margin-left: 0px !important; border: 0px !important;}
    span.case-download a img{height: 32px;}
        ul.annual-report li{
       width: 47.2%;
    }
}

@media only screen and (max-width:991px){
    span.case-download a{width: 15%;}
        ul.annual-report li{
            width: 46.7%;
    }
}

@media only screen and (max-width:767px){
    span.case-download a{width: 30%;}
         ul.annual-report li{
       width: 100%; margin-left: 0px;
    }
    ul.annual-report li .annualreport .block:nth-of-type(1){
        width: 5%;
    }
       ul.annual-report li .annualreport .block:nth-of-type(2){
        width: 95%;
    }
}

@media only screen and (max-width:479px){
    span.case-download a{width: 100%; display: block;}
        ul.photogallery_search li, ul.photogallery_search li:first-child{
        display: table;
        width: 100%;
        padding-left: 0px;
        padding-bottom: 10px;
    }
    ul.photogallery_search li:last-child{
        text-align: right;
    }
}

@media only screen and (max-width:479px){
ul.annual-report li .annualreport .block:nth-of-type(1){
    font-size: 32px;
}
}


/*------ Whats New CSS ------*/
.whats-new{ margin:60px 0px;}
/*.img-click{ width:100%; min-height:305px; }*/
.whats-new-left-img{width:570px;   height:305px; right:0px; background-size:cover !important; margin-right:15px !important; padding:0px;}
.whats-new-left-img:nth-of-type(2){ margin-right:0px !important; width:585px !important;  }
.whats-new-block{ margin-bottom:30px;}
.whats-new-img{ position:relative;}
.whats-new-arrow-first{ position: absolute; left:0; top:30px;}
.whats-new-arrow-second{ position: absolute; right:0; top:30px;}
.whats-new-arrow-third{ position: absolute; right:30px; bottom:0px;}
.whatsnew-cont{ padding:24px; background:#fff; min-height:305px; }
/*.whatsnew-cont p{ margin-bottom:18px;font-size:14px;}
.whatsnew-cont-second p{ padding-bottom:0px;}
.whatsnew-cont-third{ padding:20px 20px 20px 20px; }
.whatsnew-cont-third p{ padding-bottom:0px;}
*/
.whatsnew-cont p{ margin-bottom:18px; ;font-size:14px; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.whatsnew-cont-second p{ padding-bottom:0px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.whatsnew-cont-third{ padding:20px 20px 0px 20px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.whatsnew-cont-third p{ padding-bottom:0px; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}


.white-bg{ background:#fff;}
.whats-new span{ color:#413a39; font-family:'Droid Arabic Naskh', serif; text-align:right; font-size:12px; float:left;}
.whats-new span .fa{color:#eaa628; padding-left: 5px;}
.no-gutter > [class*='col-'] {padding:0;}
/*----.whasnew-padding-right{ padding-right:0px;}
.whasnew-padding-left{ padding:0px;} --*/
.white-bg p{ margin-bottom:22px; }
.border-bottom{ background:#c8292e; height:3px; width:50px; float:right; margin-bottom:15px;}
.whats-new-nopadding-right{ padding-left:0px;}
.whats-new-nopadding-left{ padding-right:0px;}
.whats-new-third-img { position:relative; min-height:305px; padding:0px; background-size:cover !important; }
.whatnew-video-icon{ position:absolute; left:45%; top:40%; font-size:60px; vertical-align:central;}
.whatnew-video-icon{ color:#fff !important;  }
.modal-header{ border-bottom:none; padding-bottom:0px;}
.modal-body iframe{ width:100%; height:315px;}
.whats-new h5{ line-height:26px; font-size:16px; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;}
.whats-new a h5:hover{ color:#c8292e; transition:all 0.2s ease-in-out 0s;}
.whats-new a p:hover{ color:#000 !important; transition:all 0.2s ease-in-out 0s;}

/*------ Our Services CSS ------*/
.ourservices{ background:#413a39; padding:0px;}
.ourservices-map{ /*background:url(../images/services/cg-services-map-bg.png) no-repeat 105px 20px; */padding-top:40px; padding-bottom:30px;}
.ourservices h4{ color:#fff;}
.ourservices p{ color:#fff;}
.ourservices a{ color:#df9f29;}
.ourservices a:hover{ color:#fab83e;}
.ourservices a:hover img{filter:brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); transition:all 0.2s ease-in-out 0s; }
.ourservices a p:hover{ color:#eaa628; transition:all 0.2s ease-in-out 0s !important; }
.ourservices .thumb{ margin-top:65px;}
.owl-carousel .owl-item img.services { width:auto !important; text-align:center  !important; margin:auto  !important;}
.owl-carousel .owl-item p.services{ padding-top:20px;  font-family: 'Droid Arabic Kufi', sans-serif !important; font-size:20px  !important; text-align:center  !important;}
.ourservices .owl-theme .owl-nav.disabled + .owl-dots { margin-top:0px  !important; text-align:center  !important;}
.our-services-inner-block .col-lg-4{ padding-left:0px;}
.our-services-inner-block .col-lg-8{ padding-right:0px;}
.our-services-inner h4{ font-size:24px; padding-bottom:12px; }
.our-services-inner-headeing{ background:#413a39; vertical-align:middle; text-align:center; min-height:109px; padding-top:15px;}

ul.inner-services{margin:15px 0px 25px 0px;}
ul.inner-services li{  width:100%;}
ul.inner-services li a{ display:block; border-bottom:1px solid #dbd9d9; color:#413a39; padding:15px 0px;}
ul.inner-services li a:hover{ color:#c51d23;}
ul.inner-services li a::after{  content:"\f060";  font-family: 'FontAwesome'; float:left; font-size:14px; color:#eaa628; line-height:31px;}

/*------ Projects CSS ------*/
.our-projects{ padding:60px 0px;}
.our-projects-bg{ background:url(../images/cg-projects-partion.png) left top no-repeat; padding-left:15px;}
.our-projects-bg h4{ padding-top:20px;}
.projects-img{ position:relative;}
.projects-img-block{  }
.projects-arrow{ position: absolute; right:25px; bottom:-13px;}
.projects-red{ background:#c8292e; padding:15px; min-height:150px;}
.projects-red p{ color:#fff; margin-bottom:10px;}
.projects-red h4{ color:#fff; font-size:24px; margin-top:0px; }
.our-projects ul.carousel-nav{ margin-top:0px; }
.our-projects ul.carousel-navbar-nav li{float:left;}
p.projects-heading{ margin-bottom:20px;}
.our-projects a h4:hover{ color:#feb837; transition:all 0.2s ease-in-out 0s;}
.our-projects a p{ color:#f2f2f2; }
.our-projects a p:hover{ color:#fff; transition:all 0.2s ease-in-out 0s;}
.our-projects-bg .link-arrow{ margin-bottom:8px;}

/*------ Projects Responsive CSS ------*/
.our-projects-responsive{display:none;}

/*------ Footer CSS ------*/
.footer{ background:#413a39; padding:60px 0px;}
.footer h6{ margin:0px 0px 15px 0px;}
.footer p{ color:#f0f0f0; font-size:14px;}
.footer  p.heading{ color:#fff; font-family: 'Droid Arabic Kufi', sans-serif; font-size:20px; margin-bottom:10px;}
.footer-carausel{ direction:ltr;}

/*------ Testimonials CSS ------*/
.owl-theme .owl-dots .owl-dot span { background:#a5a5a5 !important; width:15px; height:15px;}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background:#eaa628 !important;}
.owl-theme .owl-dots{ text-align:right !important; margin-right:10px !important;}


.twitter img{ float:right; padding-left:15px; padding-top:4px;}
.twitter p.heading{ color:#fff; font-family:'sf_ui_textlight_italic', Arial, sans-serif; font-size:20px; margin-bottom:10px; margin-bottom:15px;}
ul.twitter-list{ float:left;}
ul.twitter-list li{ display:block; float:left; border-bottom:1px solid #5d5959; margin-bottom:15px;  width:100%;}
ul.twitter-list li p{ margin-bottom:10px;}
ul.twitter-list li span{ color:#a5a5a5; font-size:11px; font-family:'sf_ui_textlight_italic', Arial, sans-serif;  padding-bottom:10px; float:right;}
ul.twitter-list li span.icon{ float:left;}
ul.twitter-list li span.icon a{ float:left; padding-right:0px;}
ul.twitter-list li span.icon img{ padding:0px 15px 0px 0px;}
ul.twitter-list li a{ color:#eaa628; font-size:14px; font-family:'sf_ui_textlight', Arial, sans-serif;}
ul.twitter-list li a:hover{ color:#ffa703;}
.newsletter p{ margin-bottom:20px;}
.newsletter-input{ padding:6px; line-height:30px; font-size:14px; color:#fff; border:1px solid #848181; background:#7a7575; font-family:'Droid Arabic Naskh', serif; width:100%; margin-bottom:10px;}
.footer-button{ background:#e8e4e4; padding:5px 55px; color:#413a39; font-size:20px; font-family: 'Droid Arabic Kufi', sans-serif; border:0px; cursor:pointer; transition:all 0.2s ease-in-out 0s; margin-bottom:20px;}
.footer-button:hover{ background:#eaa628; }
.footer .error-message{ color:#eaa628;}

/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network { 	list-style: none; display: inline; margin-left:0; padding: 0;}
ul.social-network li { display: inline; margin: 0 5px;}

/* footer social icons */
.social-network a.icoFacebook, .icoTwitter, .icoinstagram, .icoyoutube{ background:#eaa628;}
.social-network a.icoFacebook:hover {	background:#837f7f;}
.social-network a.icoTwitter:hover { background:#837f7f;}
.social-network a.icoinstagram:hover { background:#837f7f;}
.social-network a.icoyoutube:hover { background:#837f7f;}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i { color:#fff;}
a.socialIcon:hover, .socialHoverClass { color:#44BCDD;}

.social-circle li a { display:inline-block; position:relative; margin:0 auto 0 auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 40px; height: 40px; font-size:20px;}
.social-circle li a:hover{background:#837f7f !important; }
.social-circle li i {	margin:0; line-height:40px; text-align: center; color:#413a39;}

.social-circle li a:hover i, .triggeredHover {-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; color:#fff; }
.social-circle i {color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}

/*------ Copyright CSS ------*/
.copyright{ background:#e0e0e0; padding:60px 0px;}
.copyright .col-lg-pull-8{ right:-66.6667%;}
.copyright h6{ color:#413a39; margin-bottom:25px;}
.copyright a img{/*filter: grayscale(100%); -webkit-filter: grayscale(100%);*/}
.copyright a:hover img{filter: grayscale(0%); transition:all 0.2s ease-in-out 0s; -webkit-filter: grayscale(0%);}
.copyright p{ font-size:12px; margin-bottom:5px;}
.copyright p a{ color:#413a39; font-size:14px;}
.copyright p a:hover{ color:#c8292e;}
.copyright hr{ border-top:1px solid #c5c5c5; margin:30px 0px;}
p.copy-text{ margin:0px;}
.partners-heading{ background:url(../images/cg-partners-partion.png) left top no-repeat; margin-right:0px;}
.partners img { padding-right:0px; max-width:100%}
.partners h6{ line-height:66px; margin:0px; }
.sponsor div:nth-of-type(3) img { text-align:center; padding-left:65px; margin:auto; float:left;}
p.powered{line-height:29px; float:right; padding-left:5px;}
p.powered-img{ padding-top:0px;}

/*------ Back to top CSS ------*/
.cd-top { display: inline-block;  height: 40px;  width: 40px;  position: fixed;  bottom: 40px;  left: 10px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  /* image replacement properties */  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background: rgba(234, 166, 40, 0.8) url(../images/icons/cg-back-to-top.png) no-repeat center 50%;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {background: rgba(103, 97, 97, 0.8) url(../images/icons/cg-back-to-top.png) no-repeat center 50% !important;  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */opacity: .5; background-color: #eaa628;}
.no-touch .cd-top:hover {background-color: #eaa628; opacity: 1;}


/*------ Events CSS ------*/
.events-wrapper { display: block; }
.events-wrapper .event-wrapper { height:auto; display: block; position: relative; float:right; margin-bottom: 30px;}
.events-wrapper .event-wrapper .event { background-color:#f5f5f5; position: relative; display: block;}
.events-wrapper .event-wrapper .event .imghover { position: relative;}
.events-wrapper .event-wrapper .event .description { position: relative; background-color:#f5f5f5; padding: 10px; width: 100%; }
.events-wrapper .event-wrapper .event .description .innerblock { border:solid 1px #e9e9e9; padding: 20px; background-color:#fff; margin-top: -30px; }
.event .title { display: block; position: relative; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 20px 10px 50px; margin: 10px -20px; }
.event .title h4 {font-family: 'Droid Arabic Kufi', sans-serif; font-size: 20px; color: #413a39; line-height: 28px; width: 95%; margin: 0 !important }
.event .title h4::before {position: absolute; content:"\2190";  left:0; font-size:26px; color:#eaa628; border-right: solid 1px #ddd; top:0; height: 100%; text-align: center; vertical-align:middle; padding: 20px 10px; }
.event .time-location { margin-top: 15px; font-size: 14px; }
.event .time { margin-bottom: 7px; font-family: 'sf_ui_textregular', Arial, sans-serif; }
.event .time, .event .location { padding-right:  20px;  }
.event .time::before { content:"\f017";  font-family: 'FontAwesome'; float:right; font-size:16px; color:#eaa628; margin-right: -20px;}
.event .location::before {content:"\f041";  font-family: 'FontAwesome'; float:right; font-size:16px; color:#eaa628; margin-right: -20px; padding-right: 2px; padding-top: 4px; }
.event .dates { display: block; }
.event .dates .date01, .event .dates .date02 { display: inline-block;}
.event .dates .date02::after { content:"\2014"; font-weight: bolder; padding: 0 10px; display: inline-block; float: right; margin-top: 8px; color:#eaa628;}
.event .dates span.date { font-family:'alegreya_sansmedium', Arial, sans-serif; font-size:50px; line-height: 30px; color:#c51d23;  letter-spacing: -1px; }
.event .dates span.month-year { word-break: break-all; display: inline-block; font-size: 16px; padding-right: 8px; color: #757171;  font-family: 'sf_ui_textregular', Arial, sans-serif; line-height: 20px; }
.event a .time-location { color: #757171; font-family:'Droid Arabic Naskh', serif;  line-break: anywhere; }
.event a:hover .time-location, .event .dates span.month-year { color: #757171; }
.event a .title h4 { color: #413a39; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.event a:hover .title h4 { color: #c51d23; }
.event .imghover .thumb-overlay { position: absolute; top:0px; left: 0px; width: 100%; height: 100%; text-align:center; background: rgba(65,58,57,0); border: 0px solid #000000; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.event a:hover .imghover .thumb-overlay { background: rgba(65,58,57,0.3);}
.event p { margin-bottom: 20px; }
.event .event-details .time, .event .event-details .location { font-size: 14px; /*font-weight: 600; */}

/*********************************************************************************
MEDIA CSS
*********************************************************************************/
@media only screen and (max-width:1024px){
.banner-caption{ top:290px !important; left:35px !important;}
.colon-second{padding:0px 38px 0px 0px !important; float:right !important;}
.about-us  p{ display:none;}

}

@media only screen and (max-width:980px){
.whats-new-nopadding-left{ padding-left:15px;}
.banner-caption{ top:290px !important; left:15px !important;}
}

@media only screen and (max-width:800px){
.banner-caption{ top:230px !important; left:15px !important;}
}

@media only screen and (max-width:768px){	
.about-us h3{ position: absolute; left:40px; top:220px; font-size:34px;}
.three-block h3 .fa{ font-size:28px;}
figure.effect-lily h3 { -webkit-transform: translate3d(-5px,0px,0); transform: translate3d(-5px,0px,0); width:404px;}
.main-header{ position:absolute; top:0; height:300px; z-index:3; width:97.3%;}	
.banner-caption{ top:230px !important;}
.about-us p{ top:310px; font-size:16px !important; left:40px; display:block;}
.grid{ width:100%;}
.colon-second{padding:0px 100px 0px 0px !important; float:right !important;}
.browser-left{ width:47.5%; float:right;}
.browser-right{ width:52.5%; float:left;}
}

@media only screen and (max-width:414px) {
.complaint-button{ min-width:100px; padding:0px 25px;}

}

@media only screen and (max-width:360px){
.banner-caption{ top:110px !important; left:0px !important;}
}

@media only screen and (max-width:320px){
ul#leftnavigation li a{ color:#413a39; display:block; padding:10px; font-size:14px;}
ul#leftnavigation li:last-child{ border-bottom:0px;}
.colon-second{padding:0px 110px 0px 0px !important; float:right !important;}

}

@media only screen and (min-width:992px) and (max-width:1200px){
.whatsnew-cont p{ margin-bottom:7px;}
.whatsnew-cont-second p{ margin-bottom:29px;}
}

@media only screen and (min-width:779px) and (max-width:991px){ 
.main-header{ position:absolute; top:0; height:300px; z-index:3; width:98%;}
}

@media only screen and (min-width:561px) and (max-width:700px){
.main-header-left{ width:auto; float:right;}
.main-header-right{ width:auto; float:left; text-align:right}
.main-header{ position:absolute; top:0; height:30px; z-index:3; width:97.5%;}	
}


@media only screen and (min-width:240px) and (max-width:1199px){ 
/*-.governer{ padding:20px 0px 30px 0px; }--*/
.whats-news-display{ display: none;}
.our-projects-bg{ background:url(../images/cg-projects-partion.png) 300px top no-repeat; padding-right:5px;}
.our-projects ul.carousel-nav{ margin-top:0px !important; margin-right:-20px !important; }
p.projects-heading{ margin-bottom:10px !important; background:none !important; margin-right:0px !important}
.partners{border-bottom:1px solid #bdbdbd; margin-bottom:30px;}
.partners img{ padding:0px 0px 30px 0px !important;}
.our-projects-responsive{ display:block;}
.our-projects-responsive .whatsnew-cont{ min-height:255px;}
.our-projects-responsive p{ padding-bottom:8px;}
.our-projects-responsive .span-txt{ padding-right:15px;}
.our-projects-responsive .owl-dots{ margin-top:30px !important; text-align:center !important;}

}

@media only screen and (min-width:240px) and (max-width:950px){ 
.no-padding{ padding:0px 15px ;}
.padding-right{ padding:0px  15px;}
.case{ background:#c8292e ; background-image:none;}
}

@media only screen and (min-width:240px) and (max-width:530px){
.partners img { padding:0px 30px 30px 0px ;}
}

@media only screen and (min-width:992px) and (max-width:1024px){ 
.about-us h3{ font-size:17px;}
.sponsor div:nth-of-type(2)  { text-align:left; float:left; padding-left:0px;}
.sponsor div:nth-of-type(3) img { text-align:left ; float:left; padding-left:55px;}
.main-cont-sub-heading{ font-size:24px; padding-bottom:20px;}
.governer-img-home { padding-left:15px; padding-bottom:10px; width:194px; height:174px;}
.governer h2{ width:100%; padding-left:0px; font-size:16px;}
.whats-new{ margin:40px 0px;}
}

@media only screen and (min-width:240px) and (max-width:991px){ 
.yellow-button{ float:right; padding:0px 25px;}
.whatsnew-cont{ padding:30px; }
.case{ padding:20px;}
.case img{ float:none; margin-bottom:10px;}
.sponsor img{ margin-bottom:30px;}
.sponsor div:nth-of-type(3) img { text-align:right; float:right; padding:0px 0px 40px 0px;}
.our-projects-bg{ padding-right:0px;}
.partners-heading { background:none !important; margin-bottom:30px !important;}
.sponsor{ padding-bottom:0px !important;}
.our-projects-bg{ background:none; padding-right:30px !important;}
.our-projects ul.carousel-nav{ margin-bottom:30px !important; margin-right:0px !important; }
.whats-news-display-second{ display: none !important;}
.projects-second{ display:none !important;}
.ourservices .thumb{ margin:0px 0px 60px 0px !important;}
.ourservices-map{ background:none ; border-bottom:1px solid #5d5959 ; margin-bottom:30px;}
.ourservices p.link-arrow{ margin-bottom:0px ; }
.twitter{ border-top:1px solid #5d5959; margin-top:30px; padding-top:30px ;}
.our-projects-bg { padding-right:0px !important;}
.copyright hr{ margin:15px 0px;}
.whats-new-arrow-first { display: none;}
.whats-new-nopadding-right{ padding-right:0px;}
.whats-new-nopadding-left{ padding-left:0px;}
.inner-leftbar{ width:100%; }
.inner-rightbar{ width:100%;}
.three-block{ margin-bottom:30px;}
.our-projects-responsive .owl-stage { background:#fff !important;}
}

@media only screen and (min-width:240px) and (max-width:767px){ 
.whats-new-nopadding-right{ padding-right:0px;}

}

@media only screen and (min-width:240px) and (max-width:1167px){
.nav > li a{ font-size:17px;}
.navbar-nav .open .dropdown-menu > li { display:block; border-bottom:1px solid #5c5858;}
.navbar-nav .open .dropdown-menu > li:last-child{border-bottom:1px solid #5c5858;}
.navbar-nav .open .dropdown-menu > li > a{ padding-left:0px; font-family: 'Droid Arabic Kufi', sans-serif; font-size:13px; color:#fff !important; border-bottom:0px;}
.navbar-nav .open .dropdown-menu > li > a:hover{ color: #eaa628 !important;}
.caret{    border-left: 8px solid transparent;    border-right: 6px solid transparent;    border-top: 6px solid;     display: inline-block; height: 5px; vertical-align: bottom; width:5px;}
.navbar-nav{ margin-top:0px;}
.navbar-toggle{ margin-bottom:1px;}
.navbar-inverse{ padding-left:15px;}
.navigation-bg .fa-angle-down{ display:inline;}
.navigation-bg .fa-angle-left{ display:none;}
}

@media only screen and (min-width:491px) and (max-width:1167px){
.nav-section{margin-right:0px !important; padding-top:-30px !important; }
.navbar-collapse { min-width:300px;}
}

@media only screen and (min-width:320px) and (max-width:490px){ 
.nav-section{margin-right:70px !important; padding-top:-30px !important; width:100% !important;}
.navigation-bg { min-width:300px;}
}

@media only screen and (min-width:0px) and (max-width:1024px){
.jquery-main-caption{ float:left  !important; left:5px !important;}
}





/*------ New Media CSS ------*/
@media only screen and (max-width:1200px){
.copyright .col-lg-pull-8{ right:0;}
.inner-rightbar{ width:72.5%;}
.inner-leftbar{ width:27.5%; }
}
@media only screen and (min-width:1168px) and (max-width:1200px){
.tp-caption{ padding-right:85px !important;}
.tp-bullets { margin-left:84px !important;}
}

@media only screen and (min-width:695px) and (max-width:1167px){
.navbar-toggle{ margin-left:0px;}
.main-logo{ background:#fff; padding:32px 0px; width:210px; text-align:center; z-index:1 ;}
.main-logo img{ width:110px; height:100px;}
.navigation-bg{ background:none !important; position:absolute !important; left:0px !important; top: 0px !important;  padding:0px !important; width:auto;}
.nav{ background:rgba(65, 58, 57, 0.9) !important; padding:20px !important;}
.navbar-toggle{ border-radius:0px !important; background:#eaa628 !important; border:none !important; padding:13px 0px !important; margin-top:0px !important; width:67px !important;}
.navbar-default .navbar-toggle .icon-bar{ background: #fff !important; margin:3px auto !important;}
.nav a{ color: #fff; font-family:'Droid Arabic Kufi', sans-serif !important; font-size:16px; border-bottom:1px solid #5c5858;}
.main-header-right{ margin-left:82px;}
}

@media only screen and (min-width:1168px) and (max-width:1200px){
#inner-cont .col-lg-pull-8{right:70.3%;}
#inner-cont .col-lg-push-4{ left:33%;}
#inner-cont .col-lg-pull-8{right:67%;}
#inner-cont .col-lg-push-4{ left:33%;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.governer{ padding:15px 0px 0px 0px; width:57%;}
.main-cont-heading{ display:none;}
.main-cont-sub-heading{ display:block; font-size:33px;  color:#9e9c9c; margin-bottom:0px; padding-left:15px;}
.inner-rightbar{ width:67%;}
.inner-leftbar{ width:33%; }
}
@media only screen and (min-width:0px) and (max-width:991px){
.governer{ padding:20px 20px;}
.governer-cont{ padding:0px;}
.main-cont-sub-heading{ display:block; color:#9e9c9c; padding:0px 0px 10px 0px;}
.governer-img-home { padding-left:20px; padding-bottom:10px;}
.governer h2{ width:100%; padding-left:0px; font-size:16px;}
.governer-cont p{ margin-right:0px;}
.main-cont-heading{ display:none;}
.whats-new{ margin:40px 0px;}

/*------ Administration Modal CSS ------*/
.administration  .modal-dialog h4{ font-size:19px;}
.administration  .modal-dialog { width:80%; margin:10%;}

}
@media only screen and (min-width:1025px) and (max-width:1167px){
.navbar-toggle{ margin-left:0px;}
ul.breadcrumb-menu{ margin:0px;}
.breadcrumb h5{padding:0px; font-size:26px; }
.inner-leftbar{ float:left; width:27%; margin-right:0px;}
.inner-rightbar{ float:left; width:73%; }
#inner-cont .col-lg-pull-8{right:73%;}
#inner-cont .col-lg-push-4{ left:27%;}
.inner-banner {height:340px; }
.jquery .container{ position:relative;}
.jquery-responsive .container{ position:relative;}
.tp-caption{  margin:0px 0px 0px 0px !important; top:0px !important; padding:230px 50px 0px 0px !important; right:0px !important; }
.tp-bullets { right:0 !important; margin:0px !important; padding:0px 50px 30px 0px !important;}
}
@media only screen and (min-width:1025px) and (max-width:1199px){
.governer-cont{ width:95%; margin-right:15px;}
.governer{ width:56.5%;}
}
@media only screen and (min-width:1025px) and (max-width:1200px){
.about-us h3{ font-size:16px;}
.about-us h3 .fa{ display:none;}
p.inner-paragraph{ font-family: 'Droid Arabic Kufi', sans-serif; font-size:23px; color:#757171; line-height:34px; }
.projects-red{ background:#c8292e; padding:15px; min-height:200px;}
.inner-map{ float:none;}
.directors-block{ min-height:360px;}
.directors p.heading{font-size:18px; line-height:22px; margin-bottom:5px;}
.directors-block p{ margin-bottom:0px;}
.browser-left{ width:50%; float:right;}
.browser-right{ width:50%; float:left;}
.browser-right .dropadd{ float:left !important; width:49.5%; text-align:center;  font-size:16px !important; font-size:14px; font-family: 'Droid Arabic Naskh', serif !important ; padding:13px !important;}
.browser-right .browse { float:left !important; width:49.5%; text-align:center;  font-size:16px !important; font-size:14px; font-family: 'Droid Arabic Naskh', serif !important ; padding:13px !important;}
/*-- .complaint-button:nth-of-type(1){ margin-left:200px;}-*/
ul#leftnavigation li a{  color:#413a39; display:block; padding:10px; font-size:16px;}
.contact-button{ margin-right:5px;}
ul.photo-gallery li{ width:48.3%;}
ul.photo-gallery li:nth-of-type(3n) { margin-left:21px;}
ul.photo-gallery li:nth-of-type(2n) { margin-left:0px;}
.main-cont-sub-heading {padding-bottom:10px;}
.our-services-inner-block .col-lg-4{ padding-left:15px;}
.our-services-inner-block .col-lg-8{ padding-right:15px;}
.our-services-inner-headeing { display:none;}
}

@media only screen and (min-width:992px) and (max-width:1024px){
.governer-cont{ width:95%; margin-right:15px;}
.tp-caption{  margin:0px 0px 0px 0px !important; top:0px !important; padding:230px 20px 0px 0px !important; right:0px !important; }
.tp-bullets { right:0 !important; margin:0px !important; padding:0px 10px 30px 0px !important;}
.projects-red{ min-height:210px;}
}
@media only screen and (min-width:769px) and (max-width:991px){
.directors-block{ width:48%; float:right; min-height:480px;}
.tp-caption{  margin:0px 0px 0px 0px !important; top:0px !important; padding:230px 20px 0px 0px !important; right:0px !important; }
.tp-bullets { right:0 !important; margin:0px !important; padding:0px 10px 30px 0px !important;}
}
@media only screen and (min-width:769px) and (max-width:1024px){
p.inner-paragraph{ font-family: 'Droid Arabic Kufi', sans-serif; font-size:20px; color:#757171; line-height:31px;  font-weight: bold;}
h5{ font-size:19px; font-weight:bold;}
.panel a{ font-size:16px; }
ul.left-sub-navigation li a{ font-size:15px;}
.inner-map{ float:none;}
.hidden-lg{ display:none;}
.main-logo{ background:#fff; padding:32px 0px; width:210px; text-align:center; z-index:1 ;}
.main-logo img{ width:120px; height:110px;}
ul.breadcrumb-menu{ margin:0px;}
.breadcrumb h5{padding:0px; font-size:24px; }
.inner-leftbar{ width:100%; margin-bottom:20px !important; padding-bottom:10px;}
ul#leftnavigation li a{  color:#413a39; display:block; padding:10px; font-size:16px;}
.inner-rightbar { width:100%;}
.directors p.heading{font-size:22px; line-height:30px; margin-bottom:10px;}
.directors-block p{ margin-bottom:30px;}
.browser-left{ width:50%; float:right;}
.browser-right{ width:50%; float:left;}
.browser-right .dropadd{ float:left !important; width:49.5%; text-align:center;  font-size:16px !important; font-size:14px; font-family: 'Droid Arabic Naskh', serif !important ; padding:13px !important;}
.browser-right .browse { float:left !important; width:49.5%; text-align:center;  font-size:16px !important; font-size:14px; font-family: 'Droid Arabic Naskh', serif !important ; padding:13px !important;}
/*-- .complaint-button:nth-of-type(1){ margin-left:280px;} --*/
.grid {	margin: 0 0px 30px 0px; width:100%;}
.grid figure{ float:none;}
.captcha{ float:right;}
#inner-cont .col-lg-pull-8{right:75%;}
#inner-cont .col-lg-push-4{ left:25%;}
.inner-rightbar{ width:75%;}
.inner-leftbar{ width:25%; }
.complaint-button { width:100%;}
ul.photo-gallery li{ width:100%;}
ul.photo-gallery li:nth-of-type(3n) { margin-right:21px;}
ul.photo-gallery li:nth-of-type(2n) { margin-right:0px;}
ul.photo-gallery li a{overflow:hidden !important; height:50% !important;}
#inner-cont{ padding:40px 0px;}
.imghover a:hover .videogallery i { top: 50%;  color: #eaa628; font-size:45px;}
.inner-banner {height:340px; }
.tp-caption{ left:0px; top:0px; width:620px;}
.tp-bullets { left:0px;}
.main-cont-sub-heading{ font-size:30px; padding-bottom:20px;}
.governer h2{ width:100%; padding-left:0px; font-size:16px;}
.navbar-toggle{ margin-left:0px;}
.carousel-nav{ width:100%;}
.projects-arrow{ margin-top:-13px;}
.our-services-inner-block .col-lg-4{ padding-left:15px;}
.our-services-inner-block .col-lg-8{ padding-right:15px;}
.our-services-inner-headeing { display:none;}
}
@media only screen and (min-width:0px) and (max-width:768px){
.inner-rightbar{ width:100%;}
.inner-leftbar{ width:100%; }
.project-loading{ text-align:center; display:none;}
.project-loading-more{ display:block;}
.jquery{ display:none;}
.jquery-responsive{ background:#FFF; margin-top:-1px; display:none; display:block; background-size:cover; background-position:center top;}
.our-services-inner-block .col-lg-4{ padding-left:15px;}
.our-services-inner-block .col-lg-8{ padding-right:15px;}
.our-services-inner-headeing { display:none;}
}

@media only screen and (min-width:0px) and (max-width:767px){
.about-us h3{ position: absolute; left:30px; top:70%; font-size:20px;}
figure.effect-lily h3 { -webkit-transform: translate3d(-5px,0px,0); transform: translate3d(-5px,0px,0);}
.about-us  p{ top:80px; left:20px;}
.about-us  h3 .fa { font-size:17px; padding-left:10px;}
.three-block img{ min-height:150px;}	
}
@media only screen and (min-width:450px) and (max-width:768px){
.tp-caption{  margin:0px 0px 0px 0px !important; top:20px !important; padding:120px 0px 0px 20px !important; left:0px !important; width:490px;}
.tp-bullets { left:0 !important; margin:0px !important; padding:0px 0px 20px 20px; z-index:2000000 !important;}
.inner-banner {height:300px; }
.main-cont-sub-heading{ font-size:24px; padding-bottom:20px;}
.governer-img-home { padding-left:0px; padding-bottom:10px; width:194px; height:174px;}
.governer h2{ width:100%; padding-left:0px; font-size:16px;}
.jquery-responsive { height:300px;}
.inner-banner { height:300px; }
}
@media only screen and (min-width:400px) and (max-width:500px){
.tp-caption{ font-size:18px !important; width:300px;}
}
@media only screen and (min-width:240px) and (max-width:399px){
.tp-caption{  margin:0px 0px 0px 0px !important; top:0px !important; padding:115px 0px 0px 20px !important; left:0px !important; font-size:12px;  font-size:14px; font-family: 'Droid Arabic Kufi', sans-serif !important; width:200px;  }
}


@media only screen and (min-width:0px) and (max-width:694px){
#search{ top:20px;}
.main-header-right{ margin-left:23px;}
ul.header-right li{ width:60px; height:60px; float:left; display:block !important; clear:both;}
ul.header-right li:nth-of-type(2){ margin-top:0px !important; margin-left:0px !important; margin-top:-18px !important;}
.navigation-bg{ background:none !important; position:absolute !important; left:0px !important; top: 82px !important;  padding:0px !important;} 
.nav{background:rgba(65, 58, 57, 0.9) !important; padding:0px !important;}
ul.navbar-nav{ width:100%; margin-left:0px; float:left; padding:20px !important;}
.navbar-collapse{ padding:0px; width:100% !important;}
.navbar-toggle{ border-radius:0px !important; background:#eaa628 !important; border:none !important; padding:13px 0px !important; margin-top:0px !important; width:67px !important; margin-left:0px;}
.navbar-default .navbar-toggle .icon-bar{ background: #fff !important; margin:3px auto !important;}
.nav a{ color: #fff; font-family:'Droid Arabic Kufi', sans-serif !important; font-size:16px; border-bottom:1px solid #5c5858;}
}

@media only screen and (min-width:0px) and (max-width:1168px){
.administration  .modal-dialog { margin:10% auto;}
}

@media only screen and (min-width:240px) and (max-width:560px){
.navbar-toggle{ margin-left:0px;}
.main-header{ position:absolute; top:0; height:30px; z-index:3; width:95%;}	
.main-header-left{ width:auto; float:right;}
.main-header-right{ width:auto; float:left; text-align:right; margin:0px 0px 0px 22px;}
ul.header-right li{ width:60px; height:60px; float:left; display:block !important; clear:both;}
ul.header-right li:nth-of-type(2){ margin-top:0px !important; margin-left:0px !important; margin-top:-18px !important;}
#input { position: absolute; top:82px!important; left:-28px!important; width:290px !important; height:40px; z-index:5; overflow: hidden; font-size:13px !important;}
#input input{ width:290px !important; }
}
@media only screen and (min-width:320px) and (max-width:449px){
.tp-caption{  margin:0px 0px 0px 0px !important; top:0px !important; padding:115px 0px 0px 20px !important; left:0px !important; }
.tp-bullets { left:0 !important; margin:0px !important; padding:0px 0px 20px 20px; display:none;}
.inner-banner {height:300px; }
.main-cont-sub-heading{ font-size:24px;}
.governer-img-home { padding-left:0px; padding-bottom:0px; width:100px; height:80px;}
.governer h2{ width:100%; padding-left:0px; font-size:16px;}
.jquery-responsive { height:200px;}
.inner-banner { height:200px; }
}
@media only screen and (min-width:320px) and (max-width:625px){
.service-box-1{ width:290px !important;}
.projects-img-block{ width:320px;}
#services-carousel li{ margin-right:15px; margin-left:0px;}
.projects-red { width:290px; float:right;}
.projects-arrow{ position: absolute; right:20px; bottom:-12px;}
.carousel-nav { width:100%;}
}
@media only screen and (min-width:320px) and (max-width:768px){
p.inner-paragraph{ font-family: 'Droid Arabic Kufi', sans-serif; font-size:17px; color:#757171; line-height:28px;  font-weight: bold;}
h5{ font-size:16px; font-weight:bold;}
.inner-map{ float:none;}
.panel a{ font-size:16px; }
ul.left-sub-navigation li a{ font-size:15px;}
.hidden-md{ display:none;}
.main-logo{ background:#fff; padding:10px 0px; width:130px; text-align:center; z-index:1;}
.whats-new .link-arrow{ margin-top: 30px;}
.main-logo img{ width:100px; height:90px;}
ul.breadcrumb-menu{ margin:0px;}
.breadcrumb h5{padding:0px; font-size:21px; }
.directors-block{ min-height:320px; margin-bottom:50px;}
ul#leftnavigation li a{  color:#413a39; display:block; padding:10px; font-size:16px;}
.browser-left{ width:100%; float:left;}
.browser-right{ width:100%; float:left;}
.formcolumn p{ margin-top:20px;}
.browser-right .dropadd{ float:left !important; width:49.5%; text-align:center; margin-top:20px; font-size:16px !important; font-size:14px; font-family:'Droid Arabic Naskh', serif !important ; padding:13px !important;}
.browser-right .browse { float:left !important; width:49.5%; text-align:center; margin-top:20px; font-size:16px !important; font-size:14px; font-family:'Droid Arabic Naskh', serif !important ; padding:13px !important;}
.fileicon {float: left; margin-right: 2%;}
.filename {float: left; font-size: 0.9em; padding-right: 1%; width: 100%; overflow: hidden; text-align: left;}
.loader {float: left;}
.filesize {float: left; font-size: 0.9em; padding-left:1%; padding-right: 1%;}
.fileClose {cursor: pointer; float: right;}
.formcolumn { margin-bottom:20px;}
.file-attach { padding:0px 10px; height:40px; line-height:40px; font-size:13px; color:#343434; border:none; background:#f0f0f0; border-radius:0px; box-shadow:none; font-family:'Droid Arabic Naskh', serif; width:100%; }
.fileicon {  float: left; margin-right: 2%; margin-top:3px;}
.filename {	float: left;	font-size: 0.9em; padding-right: 1%; width: 46%; 	overflow: hidden; text-align: left; margin-top:5px;}
/*-- .complaint-button:nth-of-type(1){ margin-left:0px;} --*/
.grid {	margin: 0 15px 30px 0px; }
.contact-button-block{ width:100%}
#rc-imageselect {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
.complaints-block .col-xs-3 { width:100%; padding-bottom:20px;}
.complaints-block{ padding:0 15px 0px 15px;}
.complaints-block label{ padding-top:15px;}
.error-message{ margin-bottom:0px;}
.complaints-block textarea { margin-bottom:10px;}
.contact-button { width:49.5%; margin-right:1px;}
#inner-cont{ padding:30px 0px 30px 0px;}
#inner-cont .col-lg-pull-8{right:0px;}
#inner-cont .col-lg-push-4{left:0px;}
.inner-rightbar{ margin-bottom:30px;}
.complaint-button { width:100%;}
ul.photo-gallery { border-bottom:1px solid #ececec; float:right; margin-bottom:30px;}
ul.photo-gallery li{ width:100%;  min-height:170px; float:right;}
ul.photo-gallery li:nth-of-type(3n) { margin-left:21px;}
ul.photo-gallery li:nth-of-type(2n) { margin-left:0px;}
.imghover a:hover .videogallery i { top: 50%;  color: #eaa628; font-size:45px;}
.governer-img-home { padding-left:20px; padding-bottom:0px; width:100px; height:80px;}
.governer h2{ width:100%; padding-left:0px; font-size:16px;}
.governer-cont p{ margin-left:0px;}
.our-projects-bg{ padding-left:0px;}
.service-box-1{ width:290px !important;}
.projects-img-block{ width:320px;}
#services-carousel li{ margin-right:15px; margin-left:0px;}
.projects-red { width:290px; float:right;}
.projects-arrow{ position: absolute; right:20px; bottom:-12px;}
.carousel-nav { width:100%;}

}
@media only screen and (min-width:320px) and (max-width:400px){
.contact-button { width:100%; margin-right:0px; min-width:auto;}
.nivo-lightbox-theme-default .nivo-lightbox-title {font-family: 'Droid Arabic Kufi', sans-serif !important;  color: #fff; background:none !important; text-align:center !important; line-height:30px !important; padding:0px !important;}
}

@media only screen and (min-width:0px) and (max-width:319px){
p.inner-paragraph{ font-family: 'Droid Arabic Kufi', sans-serif; font-size:17px; color:#757171; line-height:28px; font-weight: bold;}
h5{ font-size:16px; font-weight:bold;}
.panel a{ font-size:16px; }
ul.left-sub-navigation li a{ font-size:15px;}
.jquery-responsive { height:200px;}
.inner-banner { height:200px; }
.hidden-md{ display:none;}
.main-logo{ background:#fff; padding:10px 0px; width:100px; text-align:center; z-index:1;}
.main-logo img{ width:80px; height:70px;}
ul.breadcrumb-menu{ margin:0px;}
.breadcrumb h5{padding:0px; font-size:24px; }
.directors-block{ min-height:320px;}
.browser-left{ width:100%; float:left;}
.browser-right{ width:100%; float:left;}
.browser-right .dropadd{ float:left !important; width:100%; text-align:center; margin-top:20px; font-size:16px !important; font-size:14px; font-family:'Droid Arabic Naskh', serif !important ; padding:13px !important;}
.browser-right .browse { float:left !important; width:100%; text-align:center; margin-top:20px; font-size:16px !important; font-size:14px; font-family:'Droid Arabic Naskh', serif !important ; padding:13px !important;}
/*-- .complaint-button:nth-of-type(1){ margin-left:0px;} --*/
/*-- ..complaint-button{ margin-bottom:10px; width:100%;}--*/
ul#leftnavigation li a{  color:#413a39; display:block; padding:10px; font-size:16px;}
.contact-button { width:100%;}
.complaints-block{ padding:0 15px 0px 15px;}
.complaints-block label{ padding-top:15px;}
.complaints-block .col-xs-3 { width:100%; padding-bottom:20px;}
.complaints-block textarea { margin-bottom:10px;}
.contact-button { width:100%; margin-right:1px;}
.complaint-button { width:100%;}
.inner-rightbar{ margin-bottom:30px; width:100%;}
.inner-leftbar{ width:100%;}
.error-message{ margin-bottom:0px;}
#inner-cont{ padding:30px 0px;}
#inner-cont .col-lg-pull-8{right:0px;}
#inner-cont .col-lg-push-4{ left:0px;}
ul.photo-gallery { border-bottom:1px solid #ececec; float:left; margin-bottom:30px;}
ul.photo-gallery li{ width:100%; margin:0px 21px 30px 0px; min-height:140px; float:left;}
ul.photo-gallery li:nth-of-type(3n) { margin-right:21px;}
ul.photo-gallery li:nth-of-type(2n) { margin-right:0px;}
.imghover a:hover .photogallery i { top: 55%; left:55%; color: #eaa628; font-size:20px;}
.nivo-lightbox-theme-default .nivo-lightbox-nav { top: 30% !important; width: 85% !important; height: 80%; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0.5;}
.nivo-lightbox-theme-default .nivo-lightbox-title {font-family: 'Droid Arabic Kufi', sans-serif !important;  color: #fff; background:none !important; text-align:center !important; line-height:30px !important; padding:0px !important;}
.imghover a:hover .videogallery i { top: 50%; font-size:35px;}
.inner-banner {height:200px; }
.main-cont-sub-heading{ font-size:24px;}
.governer-img-home { padding-left:20px; padding-bottom:0px; width:100px; height:80px;}
.governer h2{ width:100%; padding-left:0px; font-size:16px;}
.governer-cont p{ margin-left:0px;}
.our-projects-bg{ padding-left:0px;}
.service-box-1{ width:289px !important;}
.projects-img-block{ width:289px;}
#services-carousel li{ margin-left:0px;}
.projects-red { width:289px; float:right;}
.projects-arrow{ position: absolute; right:25px; bottom:-12px;}
.carousel-nav { width:100%;}
.navigation-bg { min-width:100%;}
}

/*------ Twitter Feed Start ------*/
.tweet a { color:#eaa628; font-family: 'Droid Arabic Naskh', serif; }
.tweets ul li {
	float: none;
	width: 100%;
	padding-bottom:35px;
	padding-top:15px;
	border-bottom: solid 1px #5d5959;	
}
.tweets p {margin-bottom:5px; text-align:right; }
.tweets p.tweet { font-family: 'Droid Arabic Naskh', serif; font-size:14px; line-height:24px; max-height:75px; overflow:hidden; margin-bottom:5px; text-align:right;  }
.tweets p.timePosted {width:50%; float:right; text-align:right; margin-bottom:0; height: 25px; }
.tweets p.timePosted a { color:#a5a5a5; font-size:11px;}
.tweets p.timePosted a:hover { color:#eaa628; }
.tweets p.interact { width:50%; float:right; text-align:left; margin-bottom:0; height: 25px;}
.tweets p.interact a { visibility: hidden; width:30px; display:inline-block; color:#a5a5a5; text-align:left; }
.tweets p.interact a:hover { color:#eaa628; }
.tweets p.interact .twitter_reply_icon:before {
   content: "\f112"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  font-size:12px;
  /*margin-left: -1.3em;
  width: 1.3em;*/
  visibility:visible;
}
.tweets p.interact .twitter_retweet_icon:before {
   content: "\f079"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  font-size:12px;
  visibility:visible;
}
.tweets p.interact .twitter_fav_icon:before {
   content: "\f004"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  font-size:12px;
  visibility:visible;
}
@media only screen and (max-width:991px) {	
.twitter { margin-bottom:30px; }
}

/*------ Twitter Feed End ------*/

/*------ Events Start ------*/

.events{padding: 60px 0px; background: #fff;}
.event-title h6 a{color: #fff; font-size: 20px; font-family: 'alegreya_sansmedium', Arial, sans-serif;}
.events-main-block{float: right; width: 100%;}
.events-main-block a.recentevent_link{font-size: 12px; font-weight: 300; padding-bottom: 2px; display: block; color: #898989;}
.events-main-block .img-block{position: relative; right: 0px; top: 0px;}
/*.events-main-block .img-block-overlay{
    width: 100%; height: 100%; position: absolute; right: 0px; top: 0px;
background: -moz-linear-gradient(45deg, rgba(0,0,0,0.27) 0%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 100%); 
background: linear-gradient(45deg, rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45000000', endColorstr='#00ffffff',GradientType=1 ); }*/
.event-title-main-cont-block{position: absolute; width: 50%; left: 15px; bottom:15px;}
.event-title{background: #c8292e; float: right; padding: 5px 12px; }
.events-main-block .cont{background: rgba(255, 255, 255, 0.8); float: right; padding:20px; width: 100%;}
.events-main-block  .date{background: rgba(234, 166, 40, 0.9); padding:12px; position: absolute; right: 15px; top: 15px; color: #fff; text-align: center; font-size: 13px;}
.events-main-block  .date .day{font-family: 'Droid Arabic Kufi', sans-serif; font-weight: 700;  font-size: 30px; width: 100%; display: block; letter-spacing: 0px; margin-bottom: 0px; line-height:28px;}
.events-main-block .cont span{color: #413a39;  font-family: 'Droid Arabic Naskh', serif; font-size: 14px; /*width: 100%;*/ margin-left: 10px; display: inline-block; margin-top: 7px;}
.events-main-block .cont span .fa{color: #eaa628; padding-left: 5px;}
.events-main-block .cont span a{font-family: 'Droid Arabic Naskh', serif; font-size: 14px; }
.events-main-block .cont span:last-child{margin-top: 0px;}
.events .owl-theme .owl-nav.disabled+.owl-dots{/*margin-top: -40px; */left: 10px; top: 10px; z-index: 100; position: absolute;}
.events-main-block .cont a h5{transition: all 0.2s ease-in-out 0s; line-height: 26px; font-size: 14px; margin-bottom: 0px;}
.events-main-block .cont a:hover h5{color: #c8292e;}

.events .owl-carousel{position: relative;}
.events .owl-controls{position: absolute; right: 12px; bottom: 20px;}

.event-list-img-block{position: relative;}
.event-list-img-block .date{background: rgba(234, 166, 40, 0.9); padding:8px 10px; position: absolute; right: 20px; top: 20px; color: #fff; text-align: center; font-size: 14px;}
.event-list-img-block  .date .day{font-family:'Droid Arabic Kufi', sans-serif;  font-size: 24px; width: 100%; display: block; letter-spacing: -2px; margin-bottom: 0px; line-height:20px; padding-left: 0px; text-align: center;}
.event-list-img-block .cont span{color: #413a39;  font-family: 'Droid Arabic Naskh', serif; font-size: 12px; width: 100%; display: block; margin-top: 10px;}

.event-details-date{margin-bottom:25px; border-bottom: 1px solid #eee; padding-bottom: 20px;}
.event-details-date span, .event-details-date span a{font-family: 'Droid Arabic Naskh', serif; font-size: 14px;}
.modal{padding: 100px 15% !important;}
.modal-content{border-radius: 0px !important;}
.modal .close{opacity: 1; top: -16px !important; left: 0px !important; position: relative !important; background: #eaa628; padding: 13px 12px 13px 12px; outline: none !important;}
.modal .close:hover{background: #c8292e;}
.modal .close img{height: 20px;}
.modal-dialog{width:100%; }


@media only screen and (max-width:1199px) {	
    .events-main-block h5, .events-main-block .border-bottom{margin-bottom: 10px;}
    .event-title-main-cont-block{position:initial;  width: 100%;    left: 0px;    bottom: 34px;  right: 0px; }
    .events-main-block .cont{padding: 20px 30px;/* border: 1px solid #ddd;*/}
    .event-title{margin-right: 30px;}
    .events .owl-theme .owl-nav.disabled+.owl-dots{display: none;   }
    .events-main-block{border: 1px solid #ddd; }
    .modal{padding: 50px !important;}
    .modal-dialog{margin-top: 30px;}
}

@media only screen and (max-width:1024px) {
    .modal .close{left: -10px;}
}
@media only screen and (max-width:767px) {	
    .events-main-block .cont{left: 0px; bottom: 0px; height: 100%; width: 100%; position: relative; /*margin-bottom: 40px;*/}
    .modal-dialog{margin-right: 0px;}

   /* .events-main-block .cont h5{font-size: 16px;}*/
}
@media only screen and (max-width:320px) {	
.events-main-block .date{right: 0px; top: 0px;  padding: 10px;}
.events-main-block .date .day{font-size: 22px; line-height: 22px;}
}
/*------ Events End ------*/

/*------ Points of Interest  Start ------*/
.points-of-interest-block{background: url("../images/points-of-interest-bg.jpg") #f8f8f8 right bottom; background-size: cover;  }
.points-of-interest-block-overlay{background-color: rgba(200, 41, 46, 0.8);  /*height: 100%; */width: 100%;   position: relative;padding: 30px 30px 70px 30px;/*min-height:414px */}
/*.points-of-interest-block-gradient{background: rgba(255,255,255,0); 
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(161,161,161,0) 37%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(161,161,161,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(161,161,161,0) 37%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(161,161,161,0) 37%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(161,161,161,0) 37%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(161,161,161,0) 37%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );}*/
.points-of-interest-cont{position: relative; right: 0px; bottom: 0px; padding-bottom: 30px;}
.points-of-interest-block h4{ color: #fff; margin-bottom: 20px !important;}
.points-of-interest-block h4 img{padding-left: 5px;}
.points-of-interest-cont p{margin-bottom: 45px; color: #fff;}
.points-of-interest-cont p.link-arrow{margin-bottom: 0px; margin-top: 28px;}
.points-of-interest-cont  a{display: inline-block; padding: 2px 40px;}
/*.points-of-interest-cont p a:hover{color: #fab83e;}*/
/*.points-of-interest-block p{font-family: 'sf_ui_textregular', Arial, sans-serif; margin-bottom: 25px;}
.points-of-interest-block h6{color:#413a39; margin-bottom: 10px;} */
ul.points-of-interest{width: 100%; display: table; margin-bottom: 20px; margin-top: 25px;}
ul.points-of-interest li{display: table-cell; width: 48%; float: right; margin-bottom: 5px;     background: url(../images/icons/squre-list.png) no-repeat 2px 8px; padding-right:15px; margin-left: 10px; padding-bottom: 10px;}
ul.points-of-interest li:nth-of-type(2n){margin-left: 0px;}
ul.points-of-interest li a{font-size: 14px; color: #fff;}
ul.points-of-interest li a:hover{color: #fab83e;}

.points-of-interest-details span{width: 100%; margin-left: 0px; float: right; margin-top: 12px; font-size: 14px; font-family: 'sf_ui_textregular', Arial, sans-serif;}
.points-of-interest-details span a{font-size: 14px; font-family: 'sf_ui_textregular', Arial, sans-serif;}
.points-of-interest-details span a:focus{color: #413a39;}
.points-of-interest-details span .fa{width: 25px; padding-left: 0px; float: right;}
.modal .close{left: 30px; top: 30px; position: absolute;  transition: all 0.2s ease-in-out 0s;}
.points-of-interest_details .modal-content{-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, .5) !important; box-shadow:0 0px 0px rgba(0, 0, 0, .5) !important;}
@media only screen and (max-width:1199px) {	
/*    .points-of-interest-block-overlay{background-color: rgba(0, 0, 0, 0.7);}*/
/*    .points-of-interest-block{padding: 20px 20px 13px 20px;}
    .points-of-interest-block p,  .points-of-interest-block p a{margin-bottom: 10px; font-size: 14px; line-height: 18px;}
    ul.points-of-interest{margin-bottom: 10px;}
    ul.points-of-interest li{margin-bottom: 5px; padding-bottom: 5px;}
   ul.points-of-interest li a{font-size: 12px;}*/
}
@media only screen and (max-width:991px) {	
    .points-of-interest-block{margin-top: 30px;}
    .points-of-interest-cont{display: inline-block; padding-bottom: 0px;}
    .points-of-interest-cont p{margin-bottom: 25px;}
/*ul.points-of-interest li{width: 49%;}*/
}

@media only screen and (max-width:600px) {	
/*ul.points-of-interest li{width: 100%; margin-right: 0px;}*/
}

@media only screen and (max-width:320px) {
    .points-of-interest-block h4 img{display: block; margin-bottom: 10px;}
}
/*------ Points of Interest  End ------*/

.thumb-img-general-block {position: relative; overflow: hidden;  border: 5px solid #d9d8d7; margin-bottom: 30px; }
.thumb-img-general-block a img{	margin-right: 30px; 	-webkit-transform: scale(1.5);	transform: scale(1.5);	-webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
.thumb-img-general-block a:hover img{margin-right: 0;}
.thumb-img-general-block span{color: #fff; font-family: 'alegreya_sansmedium', Arial, sans-serif;  font-size: 22px; right: 20px; bottom: 20px; position: absolute;}
.thumb-img-general-block span .fa{padding-right: 5px; font-size: 16px;}
.thumb-img-general-block .gradient{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+19,0.64+92 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(207,207,207,0) 19%, rgba(20,20,20,0.64) 92%, rgba(0,0,0,0.64) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(207,207,207,0) 19%,rgba(20,20,20,0.64) 92%,rgba(0,0,0,0.64) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(207,207,207,0) 19%,rgba(20,20,20,0.64) 92%,rgba(0,0,0,0.64) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a3000000',GradientType=0 ); /* IE6-9 */
width: 100%;     height: 100%;    position: absolute;    right: 0px;    top: 0px;}


/*------ statistic  CSS ------*/
.statistic_bg{
    background: url("../images/statistic_bg.jpg") #f0f0ef right top  no-repeat;
   
}
.statistic_bg_overlay{opacity: 1;  padding: 135px 0px;}
.statistic_bg .counter-table span{font-size: 48px; font-family: 'Droid Arabic Kufi', sans-serif; line-height: 42px;  font-weight: 700; letter-spacing: -2px; display: inline;}
.statistic_bg .counter-table p{display: inline;}
.statistic_bg  p.counter-text{color: #898989; margin-bottom: 0px;}


/*------ Intractive Map  CSS ------*/
.intractive-map{width: 100%;}

.modal-search-filter{background: #413a39; padding: 30px; width: 100%; display: block; }
.modal-search-filter h4{color: #fff;}
.modal-search-filter input{ height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #343434;
    border: none;
    background: #f0f0f0;
    width: 100%;
    padding: 0px 10px;
}
.modal-search-filter input:focus{outline: 0px;}

.modal-search-filter p{font-size: 14px; margin-bottom: 0px; color: #fff; padding-top: 10px; display: inline-block;} 
.modal-search-filter p strong{color: #de9e29;}
.modal-search-filter button{background: #e3ad4b; color: #fff; height: 40px; border: 0px; width: 100%; transition: all 0.2s ease-in-out 0s;}
.modal-search-filter button:hover{background: #fff; color: #c51d23;}

sup{font-size: 12px;}

@media only screen and (max-width:1200px) {
   .statistic_bg{background-position: right -300px top;}
}

@media only screen and (max-width:991px) {
    .modal-search-filter input, .modal-search-filter .styled-select{margin-bottom: 20px;}
}

@media only screen and (max-width:991px) {
     .statistic_bg{background-position: left -200px top;}
    .statistic_bg_overlay{ padding: 99px 0px;}
    .counter-table, .counter-text{padding-right: 50px;}
}

@media only screen and (max-width:479px) {
    .statistic_bg_overlay{ background: rgba(255, 255, 255, 0.5) /* Green background with 30% opacity */}
}
/* ------------------------------------- */
/* 1. LOADING SCREEN ................... */
/* ------------------------------------- */
/*@media only screen and (max-width:991px) {
	body{background: none;}
	}*/
.before-loading {
  visibility: hidden !important;
  opacity: 0 !important;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cg-logo-loading {
  width: 196px;
  height: auto;
  margin-right: 5px;
}
#loading {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
}
#loading:before {
  position: absolute;
  z-index: -10;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(50% + 2px);
  content: '';
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  background: #413a39;
}
#loading:after {
  position: absolute;
  z-index: -20;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: calc(50% + 2px);
  content: '';
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  background: #413a39;
}
#loading.loaded:before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
#loading.loaded:after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
#loading .loader, #loading .loader__figure {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#loading .loader {
  overflow: visible;
  width: 100%;
  height: 50px;
  padding: 0 100px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
}
#loading .loader.loaded {
  opacity: 0;
}
#loading .loader .dots {
  font-size: 36px;
  position: relative;
  display: inline-block;
  opacity: 0;
  color: #fff;
}
#loading .loader .dots:nth-child(3n+0) {
  color: #df9f29;
}
#loading .loader .dots:nth-child(6) {
  -webkit-animation: moving 3s infinite ease;
  animation: moving 3s infinite ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#loading .loader .dots:nth-child(5) {
  -webkit-animation: moving 3s 100ms infinite ease;
  animation: moving 3s 100ms infinite ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#loading .loader .dots:nth-child(4) {
  -webkit-animation: moving 3s 200ms infinite ease;
  animation: moving 3s 200ms infinite ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#loading .loader .dots:nth-child(3) {
  -webkit-animation: moving 3s 300ms infinite ease;
  animation: moving 3s 300ms infinite ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#loading .loader .dots:nth-child(2) {
  -webkit-animation: moving 3s 400ms infinite ease;
  animation: moving 3s 400ms infinite ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#loading .loader .dots:nth-child(1) {
  -webkit-animation: moving 3s 500ms infinite ease;
  animation: moving 3s 500ms infinite ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#loading .loader .loader__label {
  /*  font-family: 'Familiar Pro';*/
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  left: 0;
  overflow: hidden;
  width: 100%;
  margin: 0;
  margin-left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #FFFFFF;
  /* WORDS SWAP */
}
#loading .loader .loader__label span {
  position: relative;
  display: inline-block;
  /*font-family: 'Larke Neue';*/
  font-weight: 100;
  font-style: normal;
  font-size: 12px;
}
#loading .loader .loader__label span#text__loader {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-animation: loader-label 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: loader-label 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  text-align: left;
}
#loading .loader .loader__label [data-words] {
  position: static;
  vertical-align: top;
}
#loading .loader .loader__label [data-words] > span {
  position: absolute;
  color: #00adba !important;
}
@-webkit-keyframes moving {
  0% {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    opacity: 0;
  }
}
@keyframes moving {
  0% {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    opacity: 0;
  }
}