* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 
}
body {
  font-family: 'Cairo', sans-serif;
  background:#f5f4ec;
  height: 3000px;
}
.clearfix {
  clear: both;
}

/*start navbar*/
.navbar-inverse{background: white;
  border: transparent;}
  .navbar-brand > img{
    max-width: 100%;
    height: 80px;
    margin-top:-14px;
  }
  .navbar-inverse .navbar-nav > li > a{
    font-family: 'Cairo', sans-serif;
    color:#575756;
    font-weight: 300;
    font-size: 14px; 
    line-height: 48px;
  }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    background: #9f8d65;
  }
  .navbar-inverse .navbar-nav > li > a:hover{
    background: #9f8d65;
  }
  .navbar-inverse .navbar-toggle{background: #9f8d65;margin-bottom: 10px;}
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:transparent}

/* Solid class attached on scroll past first section */
.navbar.solid {
  background-color: #f5f4ec;
  transition: background-color 1s ease 0s;
  box-shadow: 0 0 4px grey;
  min-height: 77px;
}
.navbar.solid .navbar-brand {
 
  transition: color 1s ease 0s;
}
.navbar.solid .navbar-nav > li > a {
  
  transition: color 1s ease 0s;
}



   /*start header*/
   .carousel .img{max-width: 100%;}
   .carousel-inner h2 {position: absolute;bottom: 300px;left:350px;font-size: 80px;font-family: 'Cairo', sans-serif;font-weight: bold;}
   .carousel-inner p {position: absolute;bottom: 200px;left:320px;font-size: 40px;font-family: 'Cairo', sans-serif;}
   .carousel-indicators li{display: none;}

   /*about*/
   .about{padding-bottom: 70px;}
   .about h2{text-align: center;padding: 30px;color:#604e17;font-size: 50px;font-family: 'Cairo', sans-serif;font-weight: bold;letter-spacing: 1px;}
   .about p{font-family: 'Cairo', sans-serif;font-size: 17px;color:#6d6d6d;font-weight: bold;}
   .about img{width:400px;height: 400px;border-radius: 10%;float:left}
   .about p:first-child{padding-top: 100px;}

/*video*/
.video {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
  margin-top: -20px;
  font-family: 'Cairo', sans-serif;
}

.video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
  /*service*/
  .service{padding:40px}
  .service h2{text-align: center;padding: 30px;color:#604e17;font-size: 50px;font-family: 'Cairo', sans-serif;font-weight: bold;letter-spacing: 1px;}
  .service .fa{color:#604e17;font-size: 40px;text-align: center;}
  .service p{color:#6d6d6d;padding-top: 20px;font-weight: 500;text-align: center;}
  .service .col1,.service .col2, .service .col3{border-radius: 4px;
    padding-bottom: 40px;
    padding-top: 40px;
    margin-right: 10px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: #fff;
    width: 30%;
  } 

  /*start porto*/
  
/*start protf*/
.gallery{padding:40px 15px}
.gallery .row,
.gallery .row > .gallery .column {
 padding: 8px;
}


.gallery .column {
 float: left;
 width: 33.33%;
 display: none; 
}

.gallery .row:after {
 content: "";
 display: table;
 clear: both;
}


.content {
 background-color: white;
 padding: 10px;
}

.show {
 display: block;
}
iframe{height:450px;width:100%}

/* Style the buttons */
.btn {
 border: none;
 outline: none;
 padding: 12px 16px;
 background-color: #988c4f;
 cursor: pointer;
 color: white;
 ;
}

.btn:hover {
 background-color: #4a4a49;
 
 color:white
}

.btn.active {
 
 color: white;
}

  
  /*contact*/
  .contact{
    padding-top:40px;;
    height:530px;
  }
  .dark:after{content:"";display:block;position: absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.6}

  .contact h2{
    text-align: center;
    padding: 23px;
    color:#705815;
    font-family: 'Cairo', sans-serif;
    font-weight: 500;
  }
 
 ::placeholder{
  color:#705815
}
.contact ::placeholder{color:#705815;font-family:'Cairo', sans-serif ;font-weight: bold;}
.contact p{
  color:#705815;font-family:'Cairo', sans-serif;font-weight: 500;width:450px;font-size: 20px;
}
.btn-default{background:#705815 ;color: white;border: transparent;}
.footer{
  background:#202020;
  padding-top:40px ;
}

.footer ul {
  list-style: none;
}
.footer .socialize  li{display: inline-block; margin:0 6px}
.footer img{
  width:100px;
  height:100px;
}

.footer h6{
color:#f5f4ec;
font-size: 22px;
}
.footer p{
  color:#f5f4ec;
  font-size: 14px;
  }
  .footer .fa-envelope-square:before,.fa-instagram:before,.fa-facebook:before {
    color:#f5f4ec;
   
  }
  .footer .cont{
    color:#f5f4ec;
  }
  .footer .cont li{
    margin: 20px 0;
  }

  .footer .cont .fa{
    margin-left:10px
  }
  .footer-bottom{
    background:#202020;
    margin-top: -40px;
  }
  .footer-bottom h6{color:#f5f4ec;text-align: center;}

  hr{color:#575756}
  .float1{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:22px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
  }
  
  .my-float1{
    margin-top:16px;
  }
  .float2{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    left:13px;
    background-color:#16519f;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
  }
  .my-float2{
    margin-top:16px;
  }