/*
thame name: classic
PSD:
thame: Abdelhady
first-color : 2ecc71
second-color:
third-color:
*/

/* start header */
.header {
  position: relative;
  background-image: url(../images/header.jpg);
  background-size: cover;
}
.header .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
/* end header */

/* start navigation bar */
.header .main-nav .bg-dark {
  background-color: rgba(0, 0, 0, 0) !important;
}
.header .main-nav .navbar .navbar-brand {
  font-size: 35px;
}
.header .main-nav ul li {
  margin-right: 25px;
  cursor: pointer;
}
.header .main-nav ul li .nav-link {
  color: #fff;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.header .main-nav ul li .nav-link:hover,
.header .main-nav ul li .nav-link:focus {
  color: #2ecc71;
  border-bottom: 2px solid #2ecc71;
}
/* end navigation bar */

/* start slider */
.slider {
  width: 100%;
  height: 100%;
}
.slider .main-slider,
.slider .carousel-item,
.slider .carousel-inner {
  height: 100%;
}
.slider .carousel-caption {
  position: static;
  height: 100%;
}
.slider .info {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.slider .text {
  position: absolute;
}
.slider .text h1 {
  color: #fff;
  padding-bottom: 10px;
  font-size: 55px;
}
.slider .text h1 span {
  color: #2ecc71;
}
.slider .text p {
  color: #fff;
  max-width: 55%;
  padding-bottom: 10px;
  margin: auto;
}
.slider button {
  position: absolute;
  bottom: 20px;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border: 2px solid #fff;
  padding: 5px 20px;

}
.slider button:hover {
  color: #2ecc71;
  border: 2px solid #2ecc71;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
/* end slider */

/* start our services */
.our-services {
  margin: 100px 0 50px;
}
.our-services h1 {
  margin: 50px 0 80px 0;
  font-size: 30px;
}
.our-services h1 span {
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
}
.our-services i {
  padding: 0 45px 0 20px;
  color: #2ecc71;
}
.our-services h5 {
  margin-bottom: 20px;
}
.our-services p {
  line-height: 1;
  padding-bottom: 30px;
  color: #4b5456;
}
/* end our services */

/* start our team */
.our-team {
  margin: 100px 0;
}
.our-team h1 {
  margin: 0 0 40px;
  font-size: 30px;
}
.our-team h1 span {
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
}
.our-team p {
  line-height: 1;
  color: #4b5456;
}
.our-team .image {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.our-team .image .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(46, 204, 113, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}
.our-team .image:hover .overlay {
  visibility: visible;
}
.our-team .image .overlay h5 {
  color: #fff;
  font-size: 14px;
  margin: 0;
}
.our-team img {
  position: static;
  width: 100%;
  height: 100%;
}
/* end our team */

/* start testimonial */
.testimonial {
  margin: 50px 0;
  background-size: cover;
  position: relative;
  background-image: url(../images/testimonial.png);
}
.testimonial .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.testimonial .text {
  position: relative;
  color: #fff;
  padding: 40px 0;
}
.testimonial h1 {
  margin: 50px 0 70px;
  font-size: 22px;
}
.testimonial h1 span {
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
}
.testimonial p {
    line-height: 2;
    color: #ddd;
    max-width: 70%;
    margin: auto;
    padding-bottom: 50px;
}
.testimonial h6 {
  color: #2ecc71;
  cursor: pointer;
}
/* end testimonial */

/* start portfolio */
.portfolio {
  margin: 100px 0;
}
.portfolio h1 {
  margin: 50px 0;
  font-size: 30px;
}
.portfolio h1 span {
  padding: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
}
.portfolio .col-lg-4 {
  margin-bottom: 30px;
}
.portfolio .content {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.portfolio .content .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(46, 204, 113, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.portfolio .content:hover .overlay {
  visibility: visible;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.portfolio button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border: 2px solid #fff;
  padding: 5px 20px;
}
.portfolio ul {
  margin: 40px 0 40px 0;
}
.portfolio ul li {
  border: 2px solid #2ecc71;
  color: #2ecc71;
  font-size: 11px;
  line-height: 2;
  padding: 5px 0px;
  margin-right: 25px;
  text-transform: uppercase;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.portfolio ul .active,
.portfolio ul li:hover {
  color: #fff;
  background-color: #2ecc71;
  border: 2px solid #2ecc71;
}
.portfolio ul li:hover {
  cursor: pointer;
}
/* end portfolio */

/* start footer */
.footer {
  color: #ddd;
  margin: 100px 0 0;
  padding: 70px 0 20px;
  background-color: #252e30;
}
.footer h3 {
  margin: 0 0 30px;
  font-size: 22px;
}
/* about */
.footer .about p {
  line-height: 1;
  color: #858585;
  max-width: 90%;
  margin-bottom: 50px;
}
.footer .slinks ul li {
  color: #858585;
  display: inline-block;
  margin: 10px;
  cursor: pointer;
  align-items: center;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.footer .slinks ul li a {
  color: #858585;
  font-weight: bold;
}
.footer .slinks ul li a i {
  border: 1px solid #858585;
  padding: 10px;
}
/* Tags */
.footer .tags .link {
  overflow: hidden;
}
.footer .tags button {
  font-size: 18;
  background-color: #252e30;
  border: 2px solid #858585;
  color: #ddd;
  width: 100%;
  font-size: 15px;
  line-height: 2;
  margin-bottom: 10px;
  cursor: pointer;
}
/* recent posts */
.footer .recent .post {
  margin: 10px 0;
}
.footer .recent .img {
  position: relative;
  overflow: hidden;
  width: 40px;
}
.footer .recent .img img {
  position: absolute;
  background-size: cover;
}
.footer .recent p {
  margin: 5px 0;
  color: #ddd;
  font-size: 13px;
}
.footer .recent span {
  margin-bottom: 10px;
  display: block;
  font-size: 11px;
  color: #858585;
}
/* blog categories */
.footer .categories p {
  border-bottom: 1px solid #858585;
  margin: 0;
  padding: 15px 1px;
  color: #ddd;


}
/* copyright */
.footer .copyright p {
  color: #858585;
  margin: 0;
  padding: 20px 0;
}
/* end footer */