@font-face {

  font-family: 'DroidKufi-Regular';

  /*font-style: normal;*/

  font-weight: 700;

  src: url(../fonts/DroidKufi-Regular/DroidKufi-Regular.eot);

  src: url(../fonts/DroidKufi-Regular/DroidKufi-Regular.woff2) format('woff2'),

  url(../fonts/DroidKufi-Regular/DroidKufi-Regular.woff) format('woff'),

  url(../fonts/DroidKufi-Regular/DroidKufi-Regular.ttf) format('truetype');

}



body {

  font-family: 'DroidKufi-Regular', Arial !important;

}



strong, b {

  font-family: 'DroidKufi-Regular', Arial !important;

}



label {

  font-family: 'DroidKufi-Regular', Arial !important;

}



p.dropcap:first-letter {

  font-family: 'DroidKufi-Regular', Arial !important;

}



input,

button,

select,

textarea {

  font-family: 'DroidKufi-Regular', Arial !important;

}



a {

  font-family: 'DroidKufi-Regular', Arial !important;

}



h1, h2, h3, h4, h5, h6 {

 font-family: 'DroidKufi-Regular', Arial !important;

}



.btn {

  font-family: 'DroidKufi-Regular', Arial !important;

}



.navbar-default{

  font-family: 'DroidKufi-Regular', Arial !important;

}

.address-info {

  font-family: 'DroidKufi-Regular', Arial !important;

}



.logo-img img{

	max-width: 230px !important;

}



.logo2-img img{

	max-width: 82px !important;

}



.navbar-default{

	min-height: 130px !important;

}

.fa-under-slider img{

	max-width: 40px;

}

.image_off, #home_1:hover .image_on{

 display:none

}

.image_on, #home_1:hover .image_off{

 display:block

}

.image_off, #home_2:hover .image_on{

 display:none

}

.image_on, #home_2:hover .image_off{

 display:block

}

.image_off, #home_3:hover .image_on{

 display:none

}

.image_on, #home_3:hover .image_off{

 display:block

}

.image_off, #home_4:hover .image_on{

 display:none

}

.image_on, #home_4:hover .image_off{

 display:block

}

.no-padding-l-r{

	padding-left: 0px !important;

	padding-right: 0px !important;

}



.process-rounded{

  background: url('../img/subscribe-img.png') !important;

}



.process-box img{

  max-width: 40px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-right: -50%;

  transform: translate(-50%, -50%);

}



.process-box i{

  -webkit-border-radius: 50% !important;

  width: 100px !important;

  height: 100px !important;

  padding: 18px;

  position: relative;

}



.process-box h4{

  color: #fff !important;

  text-transform: uppercase;

  font-size: 12pt !important;

}



/*from_here*/

.navbar-default .navbar-nav > li > a{

 color: #b0b5b5 !important;

}



.navbar-default .navbar-nav > li > a:hover{

 color: #4c8f78 !important;

}

.navbar-nav>li:hover{

 border-bottom: 4px solid #4b7f6d !important;

}



.navbar-default .navbar-collapse{

 background: #fff;

}



.navbar-static-top .fa{

 color: #b5a752;

}



.navbar-static-top .fa:hover{

 color: #4b7f6d;

}



.navbar-nav>li>a{

  padding-bottom: 46px !important;

}



.navbar-default{

  padding:0px !important;

  padding-top: 15px !important;

}



.btn-theme-bg{

  background-color: #4b7f6d !important;

}



.btn-theme-bg:hover{

  background-color: #b5a752 !important;

}



.dropdown-form .form-inline .form-control{

  border-color: #4b7f6d;

}



#footer{

  background-color: #225b49 !important;

  border-top: 0px !important;

}



.footer-btm{

  border-top:  #225b49 !important;

}



.social-1 li a i.fa-facebook{

  background-color: #4b7f6d !important;

}

.social-1 li a i.fa-facebook:hover{

  background-color: #fff !important;

  color: #4b7f6d !important;

}

.social-1 li a i.fa-twitter{

  background-color: #4b7f6d !important;

}

.social-1 li a i.fa-twitter:hover{

  background-color: #fff !important;

  color: #4b7f6d !important;

}

.social-1 li a i.fa-youtube{

  background-color: #4b7f6d !important;

}

.social-1 li a i.fa-youtube:hover{

  background-color: #fff !important;

  color: #4b7f6d !important;

}

.social-1 li a i.fa-instagram{

  background-color: #4b7f6d !important;

}

.social-1 li a i.fa-instagram:hover{

  background-color: #fff !important;

  color: #4b7f6d !important;

}

.social-1 li a i{

  width: 46px !important;

  height: 46px !important;

  font-size: 26px !important;

  padding:10px !important;

  border-radius: 2px !important;

}

.social-1 li{

  padding-right:10px !important;

}

.social-1{

  padding-top: 35px !important;

}

.footer-col h3.heading{

  color: #fff !important;

}

.footer-col h3.heading:before{

  background: #B5A754 !important;

}

.footer-links a{

  color: #a5bfb6 !important;

  text-transform: uppercase;

  font-size:12px !important;

}
.footer-links {

  color: #a5bfb6 !important;

  text-transform: uppercase;

  font-size:12px !important;

}

.footer-links a:hover{

  color: #989850 !important;

}

.footer-work a img{

  background: url(../img/plus.png) no-repeat center center #989850;

}

.contact-us-sec .get-in-touch-style{

  font-size: 21pt;

  padding-top: 13px;

}

.contact-us-sec span{

  color: #7b7b7e !important;

}

.btn-call{

  width:auto;

  height:50px;

  background-color: #4b7f6d;

  color: #fff;

  padding: 15px !important;

}

.btn-call:hover{

  width:auto;

  height:50px;

  background-color: #989850;

  color: #fff;

}

.contact-us-sec .container{

  height: 90px;

  padding: 21px;

}

.service-box h4{

  color: #fff !important;

  text-transform: uppercase;

}

.service-box p{

  color: #7fa096;

}

.service-box a{

  color:#b5a752;

}

.service-box a:hover{

  color: #7fa096;

}

.portfolio h3.heading:before{

  background: #4b7f6d !important;

}

.portfolio h3.heading{

  color: #225b49 !important;

}

.sidebar-box h4{

  color: #fff !important;

  text-transform: uppercase;

  margin: 0px !important;

}

.sidebar-box a{

  color: #fff !important;

  text-decoration: underline;

}

.cat-list li{

  padding: 14px 0 !important;

}

.work-desc{

  text-align: center;

  padding: 35px !important;

  background-color: #b5a752 !important;

}

.work-desc a{

  text-transform: uppercase;

  color: #fff !important;

}

.work-desc a:hover{

  text-decoration: underline;

}

.item-img-wrap{

  height: 264px;

}

.c-events h3.heading:before{

  background: #225b49 !important;

}

.c-events h3.heading{

  color: #656565 !important;

}

div.zabuto_calendar .badge{

  background-color: #918642 !important;

  border-radius: 50%;

  height: 30px;

  width: 30px;

  padding: 18%;

}

.news-item p{

  text-decoration: underline;

}

.btn-see{

  background-color: #4b7f6d;

  height: 100px;

  text-align: center;

  color: #d6ddd5 !important;

  padding:39px !important;

  font-weight: 400 !important;

}

.btn-see-2{

  background-color: #376b59;

  height: 100px;

  text-align: center;

  color: #d6ddd5 !important;

  font-weight: 200 !important;

  font-size: 78px !important;

  padding:5px !important;

}



.testimonial input{

  height: 50px !important;

  border-radius: 2px !important;

  border-color: none !important;

  float:left;

}

.btn-subscribe{

  height:50px !important;

  float:right;

}



.input-group .subscribe-form {

  position: relative !important;

  z-index: 2 !important;

  float: right !important;

  width: 93% !important;

  margin-right: 12px !important;

  margin-bottom: 0 !important;

  height: 49px !important;

}

.mail-subscribe {

  width: 230px;

  height: 49px !important;

}

.btn {

  font-size: 11pt !important;

  font-family: Arial !important;

}

.btn-subscribe {

  background-color: #b5a752 !important;

  border-color: #b5a752 !important;

  color: #fff;

  border-radius: 2px !important;

}



.process-box i{

  background-color: #fff;

  border: 2px solid #fff !important;

}



.process-box:hover i{

  background-color: #4b7f6d !important;

  border: 2px solid #4b7f6d !important;

}

.parallax hr{

  border-top: 1px solid #dfccae !important;

}



#unsub_1 i .image_off, #unsub_1:hover i .image_on{

 display:none

}

#unsub_1 i  .image_on, #unsub_1:hover i .image_off{

 display:block

}



#unsub_2 i .image_off, #unsub_2:hover i .image_on{

 display:none

}

#unsub_2 i .image_on, #unsub_2:hover i .image_off{

 display:block

}



#unsub_3 i .image_off, #unsub_3:hover i .image_on{

 display:none

}

#unsub_3 i .image_on, #unsub_3:hover i .image_off{

 display:block

}



#unsub_4 i .image_off, #unsub_4:hover i .image_on{

 display:none

}

#unsub_4 i .image_on, #unsub_4:hover i .image_off{

 display:block

}



#unsub_5 i .image_off, #unsub_5:hover i .image_on{

 display:none

}

#unsub_5 i .image_on, #unsub_5:hover i .image_off{

 display:block

}



#unsub_6 i .image_off, #unsub_6:hover i .image_on{

 display:none

}

#unsub_6 i .image_on, #unsub_6:hover i .image_off{

 display:block

}



/*slider*/

.main-slider{

  height:700px !important;

}

.main-slider .flexslider{

  height: 700px !important;

}

.main-slider .flexslider .slides li{

  height: 700px !important;

}



.main-slider .flexslider .slides li .slider-text .inner h1{

  font-size:40pt !important;

  color: #fff !important;

  font-family: "GIL___" , Arial !important;

  text-shadow: -1px 0 #b0afaf, 0 -1px #b0afaf;

}

.main-slider .flexslider .slides li .slider-text .inner p{

  font-family: Arial !important;

  font-size: 17pt !important;

  text-shadow: -1px 0 #b0afaf, 0 -1px #b0afaf;

}



.main-slider .flexslider .slides li .slider-text .inner p{

  display: inline;

}



.slider-text a{

  float:right;

}



.slider-text a:hover{

  color: #fff !important;

}



.slider-text a{

  background-color: rgba(255, 255, 255, 0.5) !important;

  border: none !important;

  border-radius: 3px !important;

  width:25% !important;

  height: 60px !important;

  padding:22px !important;

}



/*125%;*/

/*@media screen and (min-device-width: 1024px) */

@media (min-width: 1024px) {

  /*slider*/

  .main-slider{

    height:667px !important;

  }

  .main-slider .flexslider{

    height: 667px !important;

  }

  .main-slider .flexslider .slides li{

    height: 667px !important;

  }

}

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



 .title_slider{

  font-size: 2.3em!important;

}



.hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left: 60%!important;

}



.img_hover{

   /* width: 108%!important;

    height: 364px!important;

    margin-top: -11%;*/

       width: 114%!important;

  }

}

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



 .img_hover{

   width: 95.5%!important;

   height: 373px!important;

 }

 .btn.btn-lg {

  padding: 6px 3px!important;

  font-size: 12px!important;

}

.title_slider{

 margin-left: 3%!important;

 font-size: 1.8em!important;

 margin-bottom: -8px!important;

 line-height: 28px!important;



}



.text_slider{

  line-height: 18px;

  font-size: 13px;



}

.hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left:55%!important;  

}

.img_hover{

  width: 108%!important;

  height: 364px!important;

  margin-top: -11%;

}

.span_time_pray

{

  margin-top: -4%!important;

}

}

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



  .btn.btn-lg {

    padding: 6px 3px!important;

    font-size: 12px!important;

  }

  .title_slider{

   margin-left: 3%!important;

   font-size: 1.8em!important;

   margin-bottom: -8px!important;

   line-height: 22px!important;



 }

 

 .text_slider{

  line-height: 18px;

  font-size: 13px;



}

.hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left: 47%!important;  

}

.img_hover{

  width: 108%!important;

  height: 364px!important;

  margin-top: -11%;

}

}

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

  .btn.btn-lg {

    padding: 6px 3px!important;

    font-size: 12px!important;

  }

  .title_slider{

   margin-left: 3%!important;

   font-size: 1.8em!important;

   margin-bottom: -8px!important;

   line-height: 22px!important;



 }

 

 .text_slider{

  line-height: 16px;

  font-size: 9px;



}

.hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left: 51%!important;  

}

.img_hover{

  width: 108%!important;

  height: 364px!important;

  margin-top: -11%;

}

}

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



 .btn.btn-lg {

  padding: 6px 3px!important;

  font-size: 12px!important;

}

.title_slider{

 margin-left: 3%!important;

 font-size: 1.8em!important;

 margin-bottom: -8px!important;

 line-height: 22px!important;



}



.text_slider{

  line-height: 16px;

  font-size: 9px;



}

.hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left: 49%!important;  

}

.img_hover{

  width: 108%!important;

  height: 364px!important;

  margin-top: -11%;

}

}

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



  .btn.btn-lg {

    padding: 6px 3px!important;

    font-size: 12px!important;

  }

  .title_slider{

   margin-left: 3%!important;

   font-size: 1.8em!important;

   margin-bottom: -8px!important;

   line-height: 22px!important;



 }

 

 .text_slider{

  line-height: 16px;

  font-size: 9px;



}

.hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left: 51%!important;  

}

.img_hover{

  width: 108%!important;

  height: 364px!important;

  margin-top: -11%;

}

}

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

 .btn.btn-lg {

  padding: 10px 7px!important;

  font-size: 8px!important;

}

.title_slider{

  margin-left: 3%!important;



  font-size: 1.3em!important;

  margin-bottom: -8px!important;

  line-height:18px!important;

}

.hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left:59%!important;  

}

.text_slider{

 line-height: 13px;

 font-size: 8px;



}

.fade-carousel .carousel-inner .item{

  height: 55vh!important;

}

.carousel-indicators{



  top: 61%;

}

.img_hover{

  width: 110%!important;

  height: 368px!important;

  margin-top: -11%;

}

.ul_hover{



  padding-top: 1%!important;



}

}

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



  .btn.btn-lg {

   padding: 7px 10px!important;

   font-size: 9px!important;

 }

 .title_slider{

  margin-left: 3%!important;

  font-size: 1.8em!important;

  margin-bottom: -8px!important;

  line-height: 21px!important;

}



.text_slider{

  line-height: 12px;

  font-size: 8px;



}

.hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left: 52%!important;  

}

.img_hover{

  width: 113%!important;

  height: 364px!important;

  margin-top: -17%;

}

}

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



  .btn.btn-lg {

    padding: 4px 3px!important;

    font-size: 6px!important;

  }

  .title_slider{

   margin-left: 3%!important;

   font-size: 1.5em!important;

   margin-bottom: -8px!important;

   line-height: 20px!important;

 }

 

 .text_slider{

   line-height: 12px;

   font-size: 7px;



 }

 .hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left: 50%!important;  

}

.img_hover{

    width: 119%!important;

    height: 402px!important;

    margin-top: -25%;
}

}

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





  .btn.btn-lg {

    padding: 4px 3px!important;

    font-size: 6px!important;

  }

  .title_slider{

    margin-left: 3%!important;



    font-size: 0.8em!important;

    margin-bottom: -8px!important;

    line-height:7px!important;

  }



  .text_slider{

   line-height: 9px;

   font-size: 5px;



 }

 .hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left: 49%!important;  

  }  .img_hover{

    width: 113%!important;

    height: 364px!important;

    margin-top: -17%;

  }

}

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





  .btn.btn-lg {

    padding: 4px 3px!important;

    font-size: 6px!important;

  }

  .title_slider{

   margin-left: 3%!important;

   font-size: 0.8em!important;

   margin-bottom: -8px!important;

   line-height: 1px!important;

 }

 

 .text_slider{

  line-height: 14px;

  font-size: 6px;



}

.hero{

  top: 68%!important;     

  right: -24%!important; 

  margin-left:42%!important;  

  }  .img_hover{

    width: 113%!important;

    height: 364px!important;

    margin-top: -17%;

  }

}



h3.heading:before{



      right: 0px!important;

}




.social-1 li a i{
  background-color: #4b7f6d !important;
}

.social-1 li{
  padding-top: 5px;

}

.social-1 {
   text-align: center;

}



.social-1 li a i.fa-google-plus:hover{

  background-color: #fff !important;

  color: #4b7f6d !important;

}


.social-1 li a i.fa-whatsapp:hover{

  background-color: #fff !important;

  color: #4b7f6d !important;

}