@charset "utf-8";
/* CSS Document */
@import url('classy-nav.min.css');
@import url('https://fonts.googleapis.com/css?family=Cairo');
@import url('https://fonts.googleapis.com/css?family=Lato|Open+Sans');

@font-face{
	font-family: Cocon;
	src:url('../fonts/Cocon.otf');
}
 @font-face{
	font-family: NotoKufi;
	src:url('../fonts/NotoKufi.ttf');
}

}
 @font-face{
	font-family: Almudid;
	src:url('../fonts/Almudid.ttf');
}


 @font-face{
	font-family: NotoKufiArabic-Regular;
	src:url('../fonts/NotoKufiArabic-Regular.ttf');
}

}
 @font-face{
	font-family: Jazeera;
	src:url('../fonts/Jazeera.ttf');
}


/* =====================================
    01. page service 2  
===================================== */
.hover-box .image {
    display: block;
    position: relative;
    overflow: hidden;
}

.hover-box .image img {
    width: 100%;
    height: auto;
}

.a-footer{
    
    text-decoration: none;
    color: #fff;
}
.page-h{
    background-repeat: no-repeat;
    
}

.hover-box .image .over-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    transform: translateX(-100%);
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.hover-box:hover .image .over-layer {
    transform: translateX(0);
}

.hover-box .image .over-layer .links {
    padding: 30px 30px;
    margin: 0;
    list-style: none;
    text-align: center;
    position: relative;
}

.hover-box .image .over-layer .links h4 a {
    font-size: 24px;
    font-weight: 600;
    margin-left: 18px;
    color: #FF6600;
}

.hover-box .image .over-layer .links h6 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 16px;
    text-transform: uppercase;
}




.hover-box .image .over-layer .links p {
    color: #fff;
}

.pjob{
        font-size: 25px;

    
}

.tour-item.blog-item {
    padding: 0 20px;
}

.tour-blog-box.hover-box .image .over-layer {
    width: 93%;
    height: 100%;
    transform: translateY(100%);
    margin: 0 20px;
}

.tour-blog-box.hover-box .image .over-layer .links {
    top: 25%;
}

.tour-blog-box.hover-box:hover .image .over-layer {
    transform: translateY(0);
}

.tour-blog-box.hover-box .image .over-layer ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    display: block;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tour-blog-box.hover-box .image .over-layer ul li a:hover {
    background: #fff;
    color: #FF6600;
}

.blog-details {
    background: #fff none repeat scroll 0 0;
    padding: 30px;
    text-align: left;
    width: 100%;
    box-shadow: 0px 2px 2px #dadada;
}

.blog-details ul {
    margin-bottom: 12px;
}

.blog-details ul li {
    padding-right: 5px;
    padding-left: 5px;
}

.blog-details ul li a {
    color: #333;
}

.blog-details ul li a i {
    color: #FF6600;
    font-size: 18px;
    margin-right: 2px;
}

.blog-details h4 a {
    color: #333;
}

.blog-details .read-btn {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 700;
}

.blog-details .read-btn i {
    font-size: 26px;
}



.blog-details .read-btn i {
    font-size: 26px;
}

.hover-box.blog-item-1 .image .over-layer {
    width: 100%;
    margin: 0;
}

.hover-box.blog-item-1 .tour-item.blog-item {
    padding: 0 15px;
}

.hover-box.blog-item-1 .blog-details {
    padding: 20px 15px;
}

.blog-box .image {
    display: block;
    position: relative;
    overflow: hidden;
}

.blog-box .image img {
    width: 100%;
    height: auto;
}

.blog-box .image .over-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    transform: translateY(100%);
    transition: all 0.2s linear;
}

.blog-box:hover .image .over-layer {
    transform: translateY(0);
}

.blog-box .image .over-layer .social-links {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    position: relative;
    top: 45%;
}

.blog-box .image .over-layer .social-links li {
    display: inline-block;
    margin-right: 10px;
}

.blog-box .image .over-layer .social-links li a {
    border: 1px solid #808080;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.blog-box .image .over-layer .social-links li a:hover {
    background: #ffffff;
    color: #FF6600;
}

.blog-box .date-mate {
    background: #FF6600;
    font-size: 15px;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 8px 12px;
}

.blog-box .date-mate h6 {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
}

.blog-box .date-mate h6 span {
    display: block;
    font-size: 24px;
    margin-top: 5px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
}

.blog-box .blog-contant {
    padding: 10px 0 20px;
    text-align: left;
}

.blog-box .blog-contant h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin: 0 0 5px 0;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-box .blog-contant h4 a {
    color: #333;
}

.blog-box .blog-contant p {
    margin-bottom: 10px;
}





/* =====================================
    01. end page service 2  
===================================== */



body { font-size:15px; font-family: 'Lato', sans-serif; color: #4c4c4c;}
.text-white { color: #fff;}
.bg-grey {     background: #f5f5f5;
    }

	
	
.p-20 { padding: 20px;}
.border-grey {border: solid 1px #d6d6d6;}
a {color: #4c4c4c;}
a:hover {color: #ba8c1d;}
.page {  padding-bottom: 50px;}
.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.mt-50 { margin-top: 50px;}
 
input {  border-radius: 0; }

ul { list-style: none;}
.theme-color { color:#ba8c1d; }
.text-white { color: #fff; text-align: center;font-family: cocon;}
.text-center { text-align: center; font-family: cocon; }
.text-footer-right { color: #fff; text-align: center; font-family: cocon;}
.just { text-align: justify;}
.t-l { text-align: left;}
.slider-text {margin-right:100px; text-align: center; font-family: cocon; font-size:30px; line-height: 1.6; text-align: center; font-family: cocon; }
.remal-btn {
    
        position: relative;
    z-index: 1;
    min-width: 170px;
    height: 50px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    background-color: #ba8c1d;
    border-radius: 0;
    line-height: 50px;
    padding: 0 30px;
    text-transform: uppercase;
}

.remal-btn-blue {
    
    position: relative;
    z-index: 1;
    min-width: 170px;
    height: 50px;
color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    background-color: #0e1929;
    border-radius: 0;
    line-height: 50px;
    padding: 0 30px;
    text-transform: uppercase;
}

.remal-btn-blue:hover {color: #ffffff; background-color: #ba8c1d;}
/* search*/


.projects-btn { width: 193px; height: 41px; background:url('../images/project-btn.png'); color: #fff; background-repeat: no-repeat; padding-top: 8px; font-size: 18px; text-transform: uppercase;  padding-left: 10px; } 

.projects-btn:hover { background:url('../images/project-btn-hover.png'); color: #051121;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}


.topbar { background-color: #05172f; padding-top: 5px;  font-size: 16px; font-weight: 800px; color: #b5b5b5; }
.topbar a { color: #b5b5b5;}
.topbar .date ul{}
.topbar .date li{ list-style:none; float: left; margin-left: 20px; }
.frist {margin-left: 0 important;}
.topbar span { margin-right: 3px;  color: #b5b5b5}
.topbar .lang { text-align: right; font-family: 'Cairo', sans-serif; font-size: 13px;
}

.topbar .social-icon .fa{  border: none; margin-top: 0px; }
.topbar .list-inline > li { padding: 0;}

/* :: 6.0 Section Heading Area CSS */
.section-heading {
  position: relative;
  z-index: 1;
  text-align: right;
  margin-bottom: 100px; }
  .section-heading img {
    margin-bottom: 10px; }
  .section-heading h2 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 5px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .section-heading h2 {
        font-size: 24px; } }
    @media only screen and (max-width: 767px) {
      .section-heading h2 {
        font-size: 24px; } }
  


@media only screen and (max-width: 768px) {
    .topbar { text-align: center; font-size: 12px;}
    .topbar .lang { text-align: center;}
    .topbar .date li { float: none;}
}
/* :: 7.0 South Button CSS */
.south-btn {
  position: relative;
  z-index: 1;
  min-width: 170px;
  height: 50px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  background-color: #947054;
  border-radius: 0;
  line-height: 50px;
  padding: 0 30px;
  text-transform: uppercase; }
  .south-btn.active, .south-btn:hover, .south-btn:focus {
    color: #ffffff;
    background-color: #000000; }
  .south-btn.btn-2 {
    border: 2px solid #947054;
    background-color: transparent;
    color: #947054;
    line-height: 46px; }
    .south-btn.btn-2:hover, .south-btn.btn-2:focus {
      color: #ffffff;
      background-color: #947054; }
  .south-btn.btn-3 {
    border: 2px solid #000000;
    background-color: transparent;
    color: #000000;
    line-height: 46px; }
    .south-btn.btn-3:hover, .south-btn.btn-3:focus {
      color: #ffffff;
      background-color: #000000; }

/* :: 8.0 Header Area CSS */
.dark .classynav ul li .dropdown,
.dark.classy-nav-container,
.dark .classynav ul li .megamenu,
.dark.breakpoint-on .classynav > ul > li > a,
.dark.breakpoint-on .classy-navbar .classy-menu {
  background-color: #051121; font-size: 13px; font-family: NotoKufiArabic-Regular; }




.main-header-area .classynav ul li a:hover {background-color: #ba8c1d;}
.breakpoint-off .classynav ul li .dropdown { width: 300px;}
.dark .classynav ul li .dropdown li a:hover { background-color: #ba8c1d; }
.header-area {
  position:relative;
  z-index: 10000;
  width: 100%;
  height: auto;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }

.top-header-area {
  position: relative;
  z-index: 1;
  height: 45px;
  background-color: #000000; }
  @media only screen and (max-width: 767px) {
    .top-header-area {
      height: auto; } }
  .top-header-area .email-address {
    padding-left: 60px;
    line-height: 1; }
    @media only screen and (max-width: 767px) {
      .top-header-area .email-address {
        padding: 15px 30px; } }
    .top-header-area .email-address a {
      color: #808080;
      font-size: 12px;
      position: relative;
      z-index: 1;
      top: -2px; }
      .top-header-area .email-address a:hover, .top-header-area .email-address a:focus {
        color: #ffffff; }
 
.main-header-area {
  width: 100%;
  height: 50px;
  position: relative;
  z-index: 1;
  background-color: #051f42;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header-area {
      height: 70px; } }
  @media only screen and (max-width: 767px) {
    .main-header-area {
      height: 150px; } }
  .main-header-area .classy-nav-container {
    background-color: transparent; }
  .main-header-area .classy-navbar {
    height: 150px;
    padding: .5em 60px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-header-area .classy-navbar {
        height: 70px; } }


    @media only screen and (max-width: 767px) {
      .main-header-area .classy-navbar {
        height: 70px;
        padding: 0.5em 30px; } }


  .main-header-area .classynav ul li a {
    color: #ffffff;
    text-transform: uppercase;
	font-size:17px;
   }


  .main-header-area .nav-brand {
    line-height: 1; width: 100px; position: relative; margin-top: 50px; }
.main-header-area .nav-brand img { width: 100%; height: auto;}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .main-header-area .nav-brand {
        margin-right: 0; } }
  .main-header-area .classynav ul {
          margin-left: -58px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
 



.classy-menu {  margin-top: 0px;}
.classy-navbar-toggler { margin-top: 20px;}
.classy-navbar .nav-brand { float: right;}



.section-heading { margin-bottom: 50px;}
.se h1 { font-size: 50px; text-align: right; font-weight: bold; margin-bottom: 0px; color: #051121; font-family: NotoKufiArabic-Regular;}
.section-heading p {  font-style: italic; text-align: center; line-height: 1.9; color: #ba8c1d; direction: rtl; font-size: 21px;}



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

        .section-heading h1 { font-size: 30px; text-align: center; font-weight: bold; margin-bottom: 0px; color: #051121;}
    .section-heading p { font-size: 11px; } 
}
.heading { width: 100%;}
.bg-title-after  { float: right; padding-top: 40px;}
.fl { float: right;}
/*header&nav*/


.tinted-image {
   background-image:url('../images/gridtile.png');
    width: 100%;
     position: absolute; z-index: 2;
    height:auto;
    padding-top: 42%; 
}




.findproperties { padding-top: 10px;margin-bottom: 5px; padding-bottom: 5px;  position: relative; z-index: 888; }



@media only screen and (max-width : 768px) {
    
   .findproperties { padding-top: 10px; padding-bottom: 50px; background-image:none;margin-bottom: 5px; padding-bottom: 5px; margin-top: 30px; }
}





.findproperties select {}

.findproperties  .section-heading h1 { font-size: 50px; text-align: left; font-weight: bold; margin-bottom: 0px; color: #ba8c1d; text-transform: uppercase;}
  .findproperties  .section-heading p { text-align: left; color: auto; font-style: normal;} 



.findproperties .styled-select select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 13px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 40px;
   -webkit-appearance: none;
   }


.findproperties input {
   background: #f9f7f3;
   width: 100%;
   padding: 5px;
   font-size: 13px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 40px;
   -webkit-appearance: none;
   }



.findproperties .styled-select {
   width: 100%;
   height: 40px;
   overflow: hidden;
   background: url(../images/icon-select.png) no-repeat right #f9f7f3;
   border:none;
    
   }


.findproperties .remal-btn-blue { height: 40px; line-height: 30px;
  }

.findproperties hr { border: 0;
  width: 100%; background: #f9f7f3; padding: 0; margin: 0; height: 3px; margin-top: 20px; margin-bottom: 20px;}




/*projects**/
 



.single-featured-property {
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  overflow: hidden;
  min-height: 600px; }

  .single-featured-property .property-thumb {
     opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden; }


/*hover effect*/

.container .title{
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
width: 100%;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 100%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  bottom: 80%;
}


    .single-featured-property .property-thumb img {
     max-height: 310px;
     min-height: 310px;
    }



    
  .single-featured-property .property-content {
    padding: 10px;
}
  
 
      .single-featured-property .property-content .location img {
        margin-right: 10px;
        display: inline-block !important;
        width: auto !important; }
    .single-featured-property .property-content .property-meta-data span {
      font-size: 12px;
      font-weight: 600;
      margin-left: 5px;
      color: #838383; }
    .single-featured-property .property-content .property-meta-data img {
      margin-right: 10px;
      display: inline-block !important;
      width: auto !important; }







  .single-featured-property .property-content h5 {
      font-size: 22px; text-transform: uppercase; margin-bottom: 5px; font-weight:100; color: #162130; font-family:NotoKufi;}
   .single-featured-property .property-content .location {
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: 600; }
    .single-featured-property .property-content p {
      margin-bottom: 20px; text-align: justify; font-size: 17px; font-family: NotoKufiArabic-Regular;}

/*tabs*/
/* USER PROFILE PAGE */

.well { border: none; background: #fff; padding: 0;}
.hidden-xs { text-align: center; color: #051121; text-transform: uppercase; font-weight: bold; font-size: 18px; box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0); border-radius: 0;-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0);}

.btn-group-wrap {
    text-align: center;
}

div.btn-group {
    margin: 0 auto; 
    text-align: center;
    width: inherit;
    display: inline-block;
    width: 80%;
        
}


.in div div div .img-responsive {
  max-height: 100% !important;
}
.ourProject .btn-default { border: none; border: solid thin #fff;background-color: #fcfbfa; color: #c59f42; margin-bottom: 10px; padding-bottom: 15px; padding-top:15px; }

.ourProject  .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-radius: 0;}


.ourProject hr { border: 0;
  width: 73.5%; background: #ba8c1d; padding: 0; margin: 0; height: 6px; margin-top: 5px;}
.tab-icons { margin-bottom: 10px;}

.btn:active
{
  background-color:#e9e3dd;
}


.ourProject {margin-top: 30px;}

.ourProject .project-details li { width: 100%; border: solid thin #9b9b9b ;}
.ourProject .project-details li span { color: #686868; }

.social-icon .fa { border: solid thin #9b9b9b ; padding: 5px; margin-top: 10px; }
.card-title  { text-align: center; text-transform: uppercase; color: #051121;}


/*Feature */
.futureProject .section-heading:before {
    content: "";
    display: block;
    background: url("") no-repeat;
    width: 0px;
    height: 26px;
    float: right;
    margin: 40px 0px 0 10px;
}
.futureProject { background-color:#051121; color: #fff; background-image:url('../images/futureProject-bg-top.jpg'); background-repeat: no-repeat; background-position: center top; margin-bottom: 50px;}
.futureProject .inner { width: 100%; height: auto;  background-image:url('../images/FeatureProjects-bg.png');background-position: center top; padding-top: 50px; padding-bottom: 100px; }
.futureProject .section-heading h1 { color: #ba8c1d; padding-right: 0px;}
.futureProject .section-heading p { color: #b5b5b5;text-align: right;}
.futureProject  h2 {font-weight: 50; text-transform: uppercase;}

@media only screen and (max-width : 768px) {
    
    .futureProject .inner { background: none;}
}



.project-details { margin-top: 20px; }
.project-details ul { list-style: none;}
.project-details  li { width: 45%; margin-bottom: 10px; float: left; padding: 10px; margin-bottom: 5px; border: solid thin #3b4655; margin-left: 5px;}
.project-details  li span { margin-right: 10px;}
.about-project { margin-top: 20px; margin-bottom: 20px; }
.project-features { font-size: 12px; }
.project-features span { margin-right: 10px;}
.futurepro-pic { border:  10px solid rgba(255, 255, 255, .2) ;-webkit-box-shadow: 5px 5px 20px -8px #000000; 
box-shadow: 5px 5px 20px -8px #000000; }

.property-thumb .image-effect {background-image:url('../images/image-effect.png'); background-repeat: no-repeat; width:100%; height: 100%;  position: absolute; z-index:999; background-position: left top;}

/*Feature */






/* whychooseus*/
.whychooseus { margin-bottom: 100px;}
.reson .icon { width:130px; height:130px; border: #fcfbfa 1px solid; background:#fff;  border-radius:50%;transition: 1s ease;}
.reson .icon:hover { background: #ba8c1d; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;}
.reson h4 { text-transform: uppercase; font-size: 13px; font-weight: 600;}
.reson p { font-size: 12px; text-align: center justify; }



@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
    }
    .is-table-row [class*="col-"] {
       
        display: table-cell;
        vertical-align: top;
    }
}


/* Make the container relative */
.swap-on-hover {
  position: relative;	
	margin:  0 auto;
	max-width: 130px;
}

/* Select the image and make it absolute to the container */
.swap-on-hover img {
  position: absolute;
  top:0;
  left:0;
	overflow: hidden;
	/* Sets the width and height for the images*/
	width: 130px;
	height: 130px;
    
    
}

/* 
	We set z-index to be higher than the back image, so it's alwyas on the front.

We give it an opacity leaner to .25s, that way when we hover we will get a nice fading effect. 
*/
.swap-on-hover .swap-on-hover__front-image {
  z-index: 999;
  transition: opacity .5s linear;
  cursor: pointer;
}

/* When we hover the figure element, the block with .swap-on-hover, we want to use > so the front-image is going to have opacity of 0, which means it will be hidden, to the back image will show */
.swap-on-hover:hover > .swap-on-hover__front-image{
  opacity: 0;
}



/* building*/
.building {   background:url('../images/building-bg.png'); height: 227px; width: 100%; background-position: center top;}

/* footer*/
footer { background-color: #051f42; padding-bottom: 40px; padding-top: 40px;direction: rtl;}
footer .form-control { margin-bottom: 8px;border: 1px solid #313640; direction: rtl;}
.footer-logo { float: right; }
.footer-logo img {  max-height: 150px;}


 footer .address h6 {
    position: relative;
    z-index: 1;
    color: #fff;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: block;
    font-size: 14px;
    padding-right: 50px;
    line-height: 1.3;
    border-bottom: 1px dotted #313640;
    
}

.content-sidebar .address h6 img {
    position: absolute;
    top: 2px;
    z-index: 10;
    right: 0;}


.footer-title { margin-bottom: 20px;content: '';
  background:url('../images/Untitled-2.png'); background-repeat: no-repeat; background-position: right 5px;
 padding-right: 40px;
  display: block}


.footer-title h4 { font-size: 22px; text-transform: uppercase; margin-bottom: 2px; }
.footer-title p { font-size: 11px;}
.footer-about { text-align: justify;}
/* copyrights*/
.copyrights { background: #05172f; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase;}








/*contactb us page*/

/************** Services Block *************/

.service_block {
	border: 1px solid #dedede;
	float: left;
	margin-top: 30px;
	padding-bottom: 15px;
	padding-top: 30px;
	position: relative;
	width: 100%;
	font-family: cocon;
	font-size: 20px;
}

.service_block:hover span.icon i {
	background: #ba8c1d;
}

.service_block span.icon {
    width: 90px;
    height: 90px;
	padding:10px;
    top: -45px;
    position: absolute;
    left: 0;
    margin: 0 auto;
    display: table;
    right: 0;
	background:#f9f9f9;
	transition:.4s;
}

.service_block span.icon i{
    font-size: 18px;
    background: none repeat scroll 0% 0% #051f42;
    color: #E4E4E4;
    width: 70px;
    height: 70px;
    line-height: 65px;
    border-radius: 4px;
	font-size:35px;
    display: table;

}

.service_block:hover {
	cursor:pointer;
}

.service_block:hover span.icon {
    top: -55px;
	transition:.4s;
}

.service_block h5 {
    display: block;
    text-transform: capitalize;
    margin-top: 23px;
    font-size: 16px;
    margin-bottom: 15px;
}

.service_block span.small {
    display: inline-block;
    margin-bottom: 3px;
    width: 100%;
}

#contact-info a {
	color:#aaaaaa;
}

.ci-link {
	color:#ba8c1d !important;
}




.leave-comment input , #contact-form input , #contact-form select{
	
	font-size: 12px;
	height: 40px;
	padding: 10px 15px;
direction: rtl;
}

.leave-comment input:focus , #contact-form input:focus ,
.leave-comment textarea:focus, #contact-form textarea:focus {
	font-style: normal;
	font-size: 13px;
}

#contact-form input {
	margin-bottom: -0px;
}

.leave-comment textarea, #contact-form textarea {
	color: #000;
	font-size: 12px;
	height: 120px;
	border-radius: 5px;
	padding: 10px 15px;
direction: rtl;
}

#contact-form textarea {
	height: 200px;
}


.pagenav-single .prev span {
	font-size: 20px;
	position: relative;
	left: -6px;
	display: inline-block;
	margin-top: -15px;
	top: 3px;
}
.contactMap {  height: 100px;}


.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


.locationMap  { padding: 20px;  background:#0e1929;}

.mapcontainer {
	height: 0;
	overflow: hidden;
	padding-bottom: 30%; /* aspect ratio */
	position: relative;
}

.googlemap {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/********************* Comment Form **********************/

.form_elements input , .form_elements select  {

	border: 1px solid #dedede;
	display: block;
	padding: 6px 10px;
	width: 100%;
	font-size: 13px;
	
}

.form_elements textarea {
	border: 1px solid #dedede;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	font-size: 13px;
}

.form_elements  input.btn-regular {
float: left;
	width: auto;
	background: #00a99d;
	color: #e4e4e4;
}

.center_social_border.in_post a.green:before {
	background: #00a99d;
}






/************** Inner pages page header *************/

.page-header {
    background: url('../images/bg3.jpg') no-repeat top fixed;
    margin: 0px;
    border: medium none;
    position: relative;
    overflow: hidden;
    padding: 300px 0px 0px;
    z-index: 99;
	width:100%;
}



.page-header figure {
	position: absolute;
	right: 100px;
	bottom: 0;
}

.page-header figure img {
}

/*
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    max-width: 50px;
}*/

.page-header.bg1 {
	background: url(../demo/home/bg.jpg) no-repeat top fixed;
}

.page-header h4 {
	font-size: 28px;
	margin: 0px 0px 8px;
	text-align: center;
	color: #383838;
	text-transform: capitalize;
}

.page-header p {
	font-size: 16px;
	color: #636363;
	text-align: center;
	margin: 0px 0px 50px;
	text-transform: capitalize;
}

.brdcrumb_wrapper {
	z-index: 88;
	text-align: left;
	width: 100%;
	z-index: 999;
    background-image:url('../images/searcht-bg-top.png'); background-repeat: no-repeat; 
    margin-top: -25px;
}


.bcrumbs {

	bottom: 0;
    height: 33px;
	position: relative;
    padding-top: 10px;
	z-index: 88;
	display: inline-block;
}

.bcrumbs li {
	float: right;
	font-size: 13px;
	position: relative;
	margin-right: 15px;
	color: #ba8c1d;
	text-transform: capitalize;
}

.bcrumbs a {
	color: #606060;
	text-transform: capitalize;
}

.bcrumbs a:hover {
	color: #00a99d;
}

.bcrumbs li:last-child {
	margin-left: 0px;
}

.bcrumbs li:before {
	content: "/";
	position: absolute;
	right: -12px;
	color: #6e6e6e;
}

.bcrumbs li:last-child:before {
	display: none;
}





.project-page  .section-heading h1 { font-size: 40px; text-align: right; font-weight: bold; margin-bottom: 0px; color: #ba8c1d; text-transform: uppercase;}
  .project-page  .section-heading p { text-align: right; color: auto; font-style: normal;} 




#services {}
.serv-ul {font-size: 25px;}

.serv li span {margin-left: 10px; float: right; }
.serv { background: #f5f5f5; border: dotted 1px #d6d6d6 ; padding: 20px;  text-align: right; font-family:"cocon"; font-size:20px'; display: inline-block; direction: rtl;
float:right;}
#services li { font-size: 16px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: dotted 1px #d6d6d6 ;

}
#services h4 { color: #040e1d; text-transform: uppercase; margin-top: 40px;}


.social-sec {
     margin-bottom: 50px;
}

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

.social-sec .fa { color: #ba8c1d;}
/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-linked:hover {
     color: #0077B5;
 }
 #social-instgram:hover {
     color: #3f729b;
 }
 



#search{
background: #fff;
padding: 0 0 0 10px;
} #content{
background: url(//www.alarabiaeg.com/wp-content/themes/alarabia/img/shape.svg) bottom left no-repeat;
}


#search .cell{
padding-right: .9375rem;
padding-left: .9375rem;
}


#search{
margin-left: 50%;
bottom: 90px;
border-radius:30px;
position: absolute;
z-index: 2;
max-width: 60rem;
overflow: hidden;
transform: translateX(-50%);
}

#search .col-md-2 { padding: 0; padding-left: 5px}
#search *{
margin: 0;
}
#search [type=number], 
#search select{
position: relative;
background-color: #fff;
border: none;
border-right: solid 1px #d4d4d4;
}
#search .button{
border-radius: 0;
}


select,
textarea, 
input{
font-size: 14px;
background-color: #f5f5f5;
color: #999;
border: solid 1px #e5e5e5;
box-shadow: none;
border-radius: 0;
    width: 100%;
    line-height: 28px;
}


 .construction-img {     border: solid 1px #d6d6d6; padding: 5px; margin-bottom: 10px; margin-top: 10px; }

#search .remal-btn-blue { padding: 0; border:none; width: 100%; height: auto; line-height:normal; height: 30px; min-width: auto;}
#search select { margin-top: 5px;}

#search [type=number], #search select {
    position: relative;
    background-color: #fff;
    border: none;
    border-right: solid 1px #d4d4d4;}


@media screen and (max-width: 1024px){
    .nomobile { display: none;}}
        .topbar .lang { text-align: center; padding: 5px;}
.main-header-area .nav-brand { line-height: 1;
    width: 250px;
    position: relative;
    margin-top: -10px;} 


@media screen and (min-width: 1024px){
    .nodesktop { display: none;}
}