/* start  Global*/
/*start my framework*/
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
}
body{
  color:#fff;
  margin:0;
  padding:0;
  font-family: 'Raleway', sans-serif;
}
ul{
  list-style:none;
}
a{
  text-decoration:none;
  color:#fff;
}
a:hover{
  color:#fff;
  text-decoration:none;
}
.head:after{
  content:'';
  display:block;
  width:20px;
  height:1px;
  margin:25px 0 30px;
  background:#fff;
}
}
.head-center:after{
  content:'';
  display:block;
  width:65px;
  height:2px;
  margin:25px auto;
}
}
.bold{
  font-weight:bold;
}
.normal{
  font-weight:normal;
}
.upper{
  text-transform:uppercase;
}
.clearfix{
  clear:both;
}
.main-color{
  color:#f7ede4;
}
.main-background{
  background-color:#f7ede4;
}
.text-center{
  text-align:center
}
.overlay{
  position:relative;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:rgba(71,42,57,0.97);
}
.fa-facebook{
  color:#3b5998;
}
 .fa-twitter{
  color:#1da1f2;
}
.social .fa-instagram{
  color:#833ab4;
}
.social .fa-youtube{
  color:#f00;
}
/* end my framework*/
/* start header*/
header{
  background-image:url(../images/header2.png);
  background-size:100% 110%;
  overflow:hidden;
  height:850px !important;
}
header .overlay{
  background-color:rgba(71,42,57,0.3);
  padding-bottom:50px;
}
/* start navbar*/
.my-navbar{
  border-radius:0;
  border:0;
  background:#3f4142;
  opacity:0.9;
}
.navbar-toggle{
  background-color:#d1a874
}
.navbar-toggle .icon-bar {
    height: 3px;
    border-radius: 1px;
    background: white;
}
.navbar{
  margin-bottom:136px;
}
.navbar a:hover{
  text-decoration:none;
}
.navbar-brand {
    float:none;
    height:15px;
}
.navbar-header img{
  margin-right:135px;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color:transparent;
}
.navbar-nav > li > a {
  padding-top:8px;
  padding-bottom:42px;
  color:#fff;
  padding-left:20px;
  font-size:16px;
  outline:none;
  font-weight:bold;
 }
a:hover, a:focus {
    color:#fff;
}
nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color:#3f4142 !important;
}
.navbar-collapse {
    padding-right:0;
}
.navbar-nav > li > .dropdown-menu{
  background:#fff;
}
/* nav-header*/
.up-nav p{
font-size:14px;
font-weight:400;
color:#fff;
float:left;
padding-top:15px;
padding-bottom:30px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.up-nav p i{
 margin-right:10px;
}
.up-nav-p{
  margin-right:20px;
}
.social{
  float:right;
  padding-top:15px;
  padding-bottom:30px;
}
.social i{
  width:40px;
  height:40px;
  line-height:38px;
  border:1px solid #CCC;
  border-radius:50%;
  color:#fff;
  margin-left:10px;
  font-size:18px;
  display:block;
  float:left;
  background-color:#3f4142;
  border:1px solid #fff;
  transition:all 0.3s ease-in-out;
}
.social .fa-facebook:hover{
  background-color:#205b9f ;
}
.social .fa-twitter:hover{
  background-color:#00ace3
}
.social .fa-google-plus:hover{
  background-color:#ff3921
}
.button-r{
  float:right;
}
.button-r button:last-of-type{
  margin-left:10px;
}
.nav-button{
  font-family: 'Cairo', sans-serif;
  border-radius:20px;
  border:2px solid #fff !important;
  height:40px;
  width:120px;
  font-size:15px;
  font-weight:bold;
  color:#fff;
  line-height:36px;
  background:transparent;
  transition:all 0.3s ease-in-out;
}
.nav-button:hover{
  background:#65a700;
  border:2px solid #fff;
}
/* end nav-header*/
/*end navbar*/
/* start form*/
.input-form{
  width:49.83% !important;
}
header .form{
  background-color:#2c2e2f;
  opacity:0.8;
  /*padding-left:30px;
  padding-right:33px;*/
 /* padding-bottom:40px;*/
/*  padding-top:50px;*/
}
header .form h2{
  font-size:30px;
  margin:0;
  font-weight:400;
  padding-top:50px;
}
header .form p{
  font-weight:14px;
  font-weight:300;
}
.form form{
  padding:0 32px;
  padding-bottom:40px;
}
.form form input::-webkit-input-placeholder{
  color:#fff !important;
}
.form form input{
  border:0;
  background:transparent;
  border-bottom:1px solid #e4ebe4;
  padding:20px 26px;
  color:#fff;
  width:100%;
  font-size:14px;
  height:50px;
  font-style:italic;
/*  max-width:493px;*/
}
.form form textarea::-webkit-input-placeholder{
  color:#fff !important;
}
.form textarea{
  font-size:14px;
  border:0;
  background:transparent;
  border-bottom:1px solid #e4ebe4;
  padding:15px 10px 75px 26px;
  margin-bottom:30px;
  margin-top:15px;
  display:inline;
  width:100%;
  height:110px;
  font-style:italic;
  resize: none;
}
.tid{
  position:relative;
}
.tid i{
  position:absolute;
  left:2px;
  top:17px;
}
.tid .fa-phone{
  position:absolute;
  top:38px;
}
.tid .phone{
  margin:0;
  margin-top:20px;
}
.tid .fa-envelope-open-o{
  position:absolute;
  left:2px;
  top:31px;
}
/*.form .input-group-addon{
  background: transparent;
  color: white;
  border-radius:0;
  border:0;
  border-bottom: 1px solid #fff;
}*/
.form button{
  color:#2c2e2f;
  font-weight:bold;
  width:493px;
  height:50px;
  background-color:#fff;
  border-radius:24px;
  transition:all 0.4s ease-in-out;
}
.form button:hover{
  color:#fff;

  background:#7061aa;
}
/*header text*/
header .text h1{
  margin:0;
  margin-bottom:28px;
  margin-top:258px;
  font-size:45px;
  font-weight:700;
}
header .text p{
  font-size:28px;
  font-weight:400;
}
/* need to fix fonts ,color, form*/
/* end header*/
/*========================*/
/* start services*/
.services{
  position:relative;
  background-image:url(../images/service-back.png);
  background-size:107% 102%;
}
.services .overlay{
    padding:100px 0;
    overflow:hidden;
}
.services h2:hover,
.services .fa-arrow-right:hover{
  color:#65a700 !important;
}
 .all-h1{
  color:#fff;
  font-weight:300;
  font-size:50px;
  margin:0;
  margin-bottom:18px;
}
 .all-p{
  font-size:14px;
  color:#fff;
  margin:0;
  margin-bottom:50px;
  font-weight:300;
}
.owl-carousel .owl-item img {
    width: 33% !important;
}
.services .col-md-4 {
    width: 84.333% !important;
}
.services h2{
  font-size:30px;
  color:#fff;
  font-weight:bold;
  transition:all 0.4s ease-in-out;
}
.services .ser-content{
  float:right;
  color:#fff;
  margin-right:-65px;
  width:242px;
}
.ser-content p{
  color:#FFF;
  font-size:16px;
  font-weight:400;
  margin:0;
  margin-bottom:34px;
}
.services img{
  width:100px;
  height:100px;
  border-radius:50%;
  float:left;
  margin-top:87px;
}
/* end   services*/
/* start testimonials*/
.testi{
  background-color:#f7eaf1;
  overflow:hidden; 
  padding:100px 0 90px;
}
.testi h1{
  font-size:50px;
  font-weight:300;
  color:#3d3a3a;
  margin:0;
  margin-bottom:20px;
}
.testi .testi-p{
  margin:0;
  font-size:14px;
  font-weight:400;
  color:#3d3a3a;
  margin-bottom:80px;
}
.testi .opinion{
  font-size:30px;
  font-style:italic;
  font-weight:300;
  color:#3d3a3a;
}
.testi .name-client{
  margin:0;
  margin-top:36px;
  margin-bottom:33px;
  font-size:20px;
  font-weight:400;
  font-style:italic;
  color:#3d3a3a;
}
.owl-nav .owl-prev{
  position:absolute;
  top:0;
  left:0;
  color:#abafab !important;
  font-weight:500 !important;
  font-size:60px !important;
}
.owl-nav .owl-next{
  font-weight:bold;
  position:absolute;
  top:0;
  right:0;
  color:#abafab !important;
  font-size:60px !important;
  font-weight:500 !important
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background:transparent !important;
    
}
/* end   testimonials*/
/* ======================*/
/* start features*/
.features{
  background-image:url(../images/features.png);
  background-size:100% 100%; 
}
.features .overlay{
  padding:100px 0 135px;
  background-color:rgba(68,69,68,0.87);
}
.features-text i{
  margin-bottom:28px;
  color:#fff;
  display:block
}
.features-text p{
  font-size:18px;
  font-weight:400;
}
 .all-button{
  margin:auto;
  line-height:50px;
  display:block;
  font-size:20px;
  font-weight:700;
  border-radius:25px;
  border:3px solid #fff;
  width:200px;
  height:50px;
  background:transparent;
  color:#fff;
  margin-bottom:100px;
  margin-top:52px;
  transition:all 0.4s ease-in-out;
  font-family:'Raleway', sans-serif;
}
.all-button:hover{
  color:#555;
  background-color:#fff;
}
.center-button{
  margin:auto;
}
/* end   features*/
/* start statistics*/
.static p:first-of-type{
font-size:50px;
font-weight:700;
color:#fff;
}
.static p:last-of-type{
font-weight:300;
font-size:28px;
}
/* end  statistics*/
/*start Recent posts*/
.posts{
  overflow:hidden;
  background-color:#f7eaf1;
  padding:100px 0;
}
.posts h1{
  color:#002600;
}
.posts .all-p{
  color:#6e746e;
}
.posts .section h3{
  margin:0;
  margin-top:50px;
  font-weight:700;
  font-size:20px;
  color:#282828;
   transition:all 0.4s ease-in-out;
}
.posts h3{
  color:#002600;
}
.posts .thumbnail{
  transition:all 0.4s ease-in-out;
  padding:28px 17px 47px;
  border: 1px solid #abafab;
  background-color:#f1f1f1;
  box-shadow:5px 5px 10px rgba(171,175,171,0.25); 
}
.posts .thumbnail:hover{
  background-color:#fff;
}
.posts .thumbnail img{
  display:block;
  border:1px solid #ccc;
  transition:all 0.5s ease-in-out;
}
.posts .thumbnail img:hover{
  transform:scale(0.9);

}
.posts .thumbnail .caption{
  padding:0;
}
.posts .section .head:after{
  margin:20px auto 48px;
  background:#abafab;
}
.posts .section .post-p{
  color:#4f524f;
  font-weight:300;
  font-size:18px;
  margin-bottom:50px;
}
.posts .section i{
  display:block;
  color:#65a700;
}
.posts .box-button{
  margin:0;
  margin-top:40px;
}
.posts .all-button{
  background-color:#65a700;
  border:none;
  margin:0;
  margin:auto;
}
.posts .all-button:hover{
  background-color:#fff;
}
/*end   Recent posts*/
/*start footer */
footer{
  padding:60px 0;
  overflow:hidden;
  background-color:#282828;
}
footer .col-md-4{
  margin-bottom:30px;
}
footer h2{
  font-size:30px;
  font-family: 'Raleway', sans-serif;
  font-weight:400;
  color:#f1f1f1;
  margin:0;
  margin-bottom:57px;
}
/*sitemap*/
footer .links{
color:#d2d2d2;
}
.links a{
  font-family: 'Open Sans', sans-serif;
  color:#d2d2d2;
  font-size:14px;
  display: block;
  margin:0;
  margin-bottom:18px;
}
.links .links1{
  float:left;
}
.links .links2{
  float:right;
  padding-right:45px;
}
.links a:hover{
  color:#aaa;
  text-decoration:none;
}
.links i{
  margin-right:10px;
}
/*contact*/
.first p{
  font-size:16px;
  color:#d2d2d2;
  font-weight:300;
  font-family: 'Open Sans', sans-serif;
}
.first .move-right{
  margin-left:32px;
  display:block;
  margin-bottom:23px;
}
.first .move-right1{
  margin-left:30px;
  display:block;
  margin-bottom:37px
}
.first p:first-of-type{
  margin:0;
  margin-bottom:24px;
}
.first p:nth-of-type(2){
  font-size:14px;
}
.first p:last-of-type{
  margin:0;
  font-size:14px;
}
.first p i{
  margin-right:10px;
  font-size:20px;
  color:#65a700;
}
/*follow us*/
footer .content-footer{
  padding:120px 0;
}
footer .third p{
  margin:0; 
  font-size:18px;
  margin-top:5px;
  font-weight:300;
}
footer .third p a:first-of-type{
   margin-left:50px;
}
footer .third i{
  width:34px;
  height:34px;
  line-height:34px;
  color:#fff;
  border-radius:50%;
  margin-right:10px
}
footer .third .fa-facebook{
  background-color:#3853c5;
}
footer .third .fa-twitter{
  background-color:#07b6ff;
}
/*copy right*/
.copyright{
  margin-top:60px;
}
.copyright p{
  float:left;
  font-size:14px;
  margin:0;
  color:#abafab;
  font-family: 'Open Sans', sans-serif;
}
.copyright img{
  float:right;
}
/*end   footer */
/*check later*/
@media(min-width:300px) and (max-width:991px){
  header .text h1{
    margin-top:0;
  }
  .input-form {
    width:auto !important;
  }
  .navbar {
    margin-bottom:30px;
    padding: 10px 0;
  }
  header{
    height:1300px !important;
  }
  header .form {
    margin-top:50px;
  }
  .form button{
    width:100%;
  }
  .navbar-header img {
    margin-left: 20px;
  }
  .navbar-nav > li > a {
    padding-bottom: 10px;
  }
  .dropdown-menu > li > a{
    color:#fff;
  }
  
  .navbar-nav {
    margin:0;
  }
  .testi .test {
    margin:auto;
    width:87%;
  }
  footer .content-footer {
    padding:0;
  }
  footer .copyright{
    text-align:center;
  }
  .copyright img {
    float:none;
   
  }
}
@media(min-width:990px) and (max-width:1199px){
  .input-form {
    width: 41.66666667% !important;
}
.form button {
  width:100%;
 }

}
@media(max-width:700px){
 header{
    height:1190px !important;
  }
  .button-r{
    display:none;
  }
}
@media(min-width:768px) and (max-width:991px){
.button-r{
    display:block;
    float:none;
  }
  .form button {
  width:100%;
 }
.button-r button:last-of-type {
    margin-right: 10px;
  }
}
@media(min-width:490px) and (max-width:709px){
  .services .ser-content {
    margin-right: -46px;
   }
   .services img{
    margin-left:60px;
   }
   .copyright{
    text-align:center;
   }
   .copyright img{
    float:none;
   }
}
@media(min-width:320px) and (max-width:473px){
  .copyright img{
    float:none;
    margin-top:15px !important;
   }
   .copyright{
    text-align:center
   }
}