/*-------------- Owl crousel ---------------*/

  .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
    width: auto;
  }
  button.owl-prev {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    outline: none!important;
  }
  button.owl-next {
    position: absolute;
    right: 5%;
    outline: none!important;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
  }
  .main_heading {
    font-size: 24px;
    line-height: 26px;
    color: #d39e66;
    font-weight: 600;

  } 
  .main_sub_heading{
    font-size: 52px;
    line-height: 64px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
  }
  .main_text {
    font-size: 43px;
    line-height: 64px;
    color: #2e3236;
    font-weight: 700;
  }

/* SLIDER */
  section#slider {
    padding: 0px;
  }
  
  #slider {
    max-width: 100%;
    margin: auto;
    position: relative;
    padding:0;
  }
  #slider img {
    width: 100%;
  }
  .slide_next_image img {
    width: auto !important;
    height: 100%;
  }
  #slider .slider-content h1 {
    font-size: 24px;
    color: #d39e66;
    letter-spacing: 0;
    font-weight: 400;
  }
  #slider .slider-content p{
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 20px;
    color: #84888c;
    width: 85%;
    font-weight: 400;
    font-family: "Lato";
  }
  #slider .slider-content h2 {
    font-size: 50px;
    color: #2e3236;
    font-weight: 700;
  }
  #slider .carousel-caption {
    top: 0;
    bottom: inherit;
    text-align: left;
    left: 0;
    right: 0;
    margin: 0 !important;
    padding: 0 !important;
    bottom: 0;
  }
  #slider .slider-content {
    position: relative;
    padding: 0px 10px 0px 35px;
    top: 35%;
  }
  #slider .owl-nav {
    display: none;
  }
  #slider .slide_btn {
    margin-top: 36px;
    position: relative;
    padding-left: 18px;
  }

  #slider .main-slider .slide_btn:before {
    content: "";
    position: absolute;
    width: 40px;
    background: #d39e66;
    height: 2px;
    left: 0px;
    top: 18px;
  }
  #slider .main-slider .btn {
    font-size: 14px;
    color: #d39e66;
    font-weight: 700;
    text-align: center;
    line-height: 17px;
    border-radius: 0px;
    padding: 10px 35px;
    border: 2px solid #d39e66;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
  }
 
  #slider .btn:hover{
    color: #ffffff;
    animation: swoosh 0.4s ease-out 0.2s;
  }
  #slider .btn:before,
  #slider .btn:after{
    content: "";
    background-color: #d39e66;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: all 0.4s ease-out 0.1s;
  }
  #slider .btn:after{
    opacity: 0;
    transform: scale(0.9,0.7);
    left: 0;
    transition: all 0.3s ease-out 0s;
  }
  #slider .btn:hover:before{ left: 100%; }
  #slider .btn:hover:after{
    opacity: 0.5;
    transform: scale(1);
  }

 /* *********about us ************/

  #about .about-box p{
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 20px;
  color: #84888c;
  width: 89%;
  font-weight: 400;
  font-family: "Lato";
  }
  .about-left {
    position: relative;
  }

  #about .about_boximg {
    position: absolute;
    bottom: 0px;
    border: 6px solid #fff;
    left: -60px;
    width: 28%;
  }
  #about .about_box_img img{
    margin-left: -25px;
    margin-bottom: -25px;
    margin-top: 25px;
    width: 100%;
  }
  #about .abtimage:hover .about_box_img{
    border-color: #000;
  }
  #about .about_box_img {
    border: 5px solid #d39d65;
    margin: 13px;
  }

  #about .about_btn {
    margin-top: 36px;
    text-align: left;
    position: relative;
    padding-left: 18px;
  }

  #about .about-box .about_btn:before {
    content: "";
    position: absolute;
    width: 40px;
    background: #d39e66;
    height: 2px;
    left: 0px;
    top: 18px;
  }
  #about .about_btn .btn {
    font-size: 14px;
    color: #d39e66;
    font-weight: 700;
    text-align: center;
    line-height: 17px;
    border-radius: 0px;
    padding: 10px 35px;
    border: 2px solid #d39e66;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
  }
 
  #about .btn:hover{
    color: #ffffff;
    animation: swoosh 0.4s ease-out 0.2s;
  }
  #about .btn:before,
  #about .btn:after{
    content: "";
    background-color: #d39e66;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: all 0.4s ease-out 0.1s;
  }
  #about .btn:after{
    opacity: 0;
    transform: scale(0.9,0.7);
    left: 0;
    transition: all 0.3s ease-out 0s;
  }
  #about .btn:hover:before{ left: 100%; }
  #about .btn:hover:after{
    opacity: 0.5;
    transform: scale(1);
  }
  #about .abtimage{
    position: relative;
  }



  /***********services************/

  #services .bagcolor {
    background: #fff9f4;
    padding: 20px;
  }

  #services .counter_box{

    background: #fff;
  }

  #services .serv-box {
    background: #ffffff;
    padding: 20px;
    box-shadow: 0 2px 8px -3px rgb(207 207 207);
    position: relative;
  }

  #services .owl-nav.disabled {
    display: none;
  }
  #services .service-icon i {
    font-size: 55px;
    top: 8px;
    color: #d39e66;
    position: relative;
  }

  #services .service-icon{
    background: #fcf7f3;
    display: inline-block;
    padding: 25px 15px 0px 15px;
  }
  #services .serv-box h6{
    font-size: 26px;
    color: #2e3236;
    font-weight: 600;
  }
  #services .serv-box p.ser-title{
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #84888c;
    font-weight: 400;
    font-family: "Lato";
  }
  #services .services-box{
    position: relative;
    top: 50px;
  }
  /*#services .services-box:hover i{
    transition: .3s;
    animation: pulse 1s infinite;
  }*/

  /************Latest Project***********/

  #project .owl-nav .owl-prev{
    background: none;
    color: inherit;
    border: none;
    border-radius: 31px;
    width: 40px;
    height: 40px;
    left: -60px;
    color: #e6e7e8;
    padding: 0 !important;
    font: inherit;
    font-size: 48px;
  }

  #project .owl-nav .owl-next {
    background: none;
    color: inherit;
    border: none;
    border-radius: 31px;
    width: 40px;
    height: 40px;
    color: #e6e7e8;
    right: -60px;
    padding: 0 !important;
    font: inherit;
    font-size: 48px;
  }
  #project .projects {
    position: relative;
  }
  .project-box {
    position: absolute;
    bottom: 5px;
    margin-left: 37px;
    width: 93%;
    opacity: 0; 
    right: 0px;
    transition: transform 0.5s ease-out;
}
  #project .project-box h5 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
  }
  #project .project-box p{
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Lato";
  }

  #project .projects .number {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 11px;
    margin-top: 23px;
  }

  #project .projects .number h6 {
    font-size: 80px;
    color: #ffffff;
    font-weight: 600;
    opacity: 0.3;
  }
  #project .projects:hover .project-image{
    border: 5px solid #000;
  }
  #project .project-image{
    border: 5px solid #d39d65;
    margin: 13px;
    transition: all 0.5s ease 0s;
  }

  #project .project-image img {
    margin-left: 19px;
    margin-bottom: -25px;
    margin-top: 18px;
    width: 100%;
  }
  #project .projects:hover .project-box{
    opacity: 1;
  }

  #project .project_sub_heading{
    font-size: 52px;
    line-height: 64px;
    color: #2e3236;
    font-weight: 700;
  }

  #project .button_icon i{
    padding: 7px 12px 7px 15px;
    border: 2px solid  #d39d65;
    color: #d39d65;
  }
  #project .button_icon:before{
    content: "";
    position: absolute;
    width: 20px;
    background: #d39e66;
    height: 2px;
    left: -9px;
    top: 15px;
  }
  #project .button_icon {
    position: relative;
  }

  /********** Our Skill*************/


  #our-skill{
    background: #fff9f4;
  }
  .skill-section {
    padding: 20px;
  }
  #our-skill .main_heading{
    font-size: 22px;
    line-height: 26px;
    color: #d39e66;
    font-weight: 600;
    text-align: left;
  }
  #our-skill h4.main_sub_heading{
    font-size: 48px;
    line-height: 64px;
    color: #2e3236;
    font-weight: 700;
    text-align:left;
  }
  #our-skill p.discription {
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #84888c;
    font-weight: 400;
    text-align: left;
    font-family: "Lato";
  }

  .progress{
    height:2px;
    border-radius: 0;
    box-shadow: none;
    line-height: 35px;
    background:#d6d6d6;
    height: 6px
  }
  .progressbar-title{
      color:#333;
      font-size:15px;
      margin:5px 0 5px;
      text-align: left;

  }
  .progressbar-value{
      float: right;
      display:block;
  }
  .progress .progress-bar{
      animation: progress 6s;
  }
  @-webkit-keyframes progress{
      0% { width: 0%;}
  }
  @keyframes progress{
      0% { width:0%; }
  }

  span.progress_percentage {
    position: absolute;
    z-index: 1;
    padding: 0px 0px;
    right: 0px;
    font-weight: bold;
  }
  .progress-skill{
    position: relative;
  }

  .progress-skill p {
    margin-bottom: 10px;
    text-align: left;
    font-size: 20px;
    color: #2e3236;
    font-weight: 600;
  }

  .progress-skill .progress {
    display: flex;
    height: 6px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #dad7d5;
    border-radius: 0PX;
    margin-bottom: 15px;
  }
  .progress-skill .progress-bar{
    background:#d39e66;
  }
  .section_text{
    padding-left: 25px !important;
    padding-top: 30px;
  }

  .progress-skill p span{
    font-size: 16px;
    line-height: 36px;
    color: #d39e66;
    font-weight: 400;
  }

  #our-skill .slide_btn {
    margin-top: 20px;
    text-align: left;
  }
  #our-skill .v-btn { 
    border: unset;
    background: unset;
    text-align: center;
  }
  #our-skill span.watch {
    font-size: 14px;
    letter-spacing: 3px;
    color: #222121;
    font-weight: 400;
    font-family: "Nunito Sans";
  }
  #our-skill .v-btn i {
    width: 40px;
    height: 40px;
    color: #ffffff;
    background: #d39e66;
    padding: 16px 14px;
    font-size: 8px;
    border-radius: 50%;
}
  .skill-button {
    position: absolute;
    top: 40%;
    left: 0px;
    right: 0px;
    text-align: center;
  }
  .skillimg{
    position: relative;
  }

  .wrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.video-main {
  position: relative;
  display: inline-block;
}

.video {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: #fff;
  display: inline-block;
  background: #000000;
  z-index: 999;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.fa-play:before {
  content: "\f04b";
}

.waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgb(211 158 102 / 35%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -56px;
  bottom: -56px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}


/*************Our Team************/
  #team .team_text p.main_sub_heading{
    font-size: 52px;
    line-height: 64px;
    color: #2e3236;
    font-weight: 700;
    text-align: center;
  }
  #team .team-content {
    position: absolute;
    bottom: 18px;
    padding: 20px;
    background: #d39e66;
    width: 68%;
    left: -4px;
  }
  #team .teams:hover .team-content {
    background: #000;
  }
  #team .teams:hover .team-image{ 
    border: 5px solid #000;
  }
  #team .teams{
    position: relative;
  }
  #team .team-content h5.post-title{
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
  }
  #team .team-content p.content{
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Lato";
  } 
  #team .team-image {
    border: 5px solid #d39d65;
    margin: 13px;
  }
  #team .team-image img {
    margin-left: -15px;
    margin-bottom: -15px;
    margin-top: 15px;
    width: 100%;
  }

  /*************Testimonial***************/

  #testimonial .sub_heading {
    font-size: 52px;
    line-height: 64px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
  }
  section#testimonial {
    background: #fff9f4;
    padding: 20px;
  }
  #testimonial .testimonail-image {
    border: 5px solid #d39d65;
    margin: 13px;
    transition: all 0.5s ease 0s;
  }

  #testimonial .testimonial-content {
    background: #ffffff;
    padding: 45px 50px;
    position: relative;
  }
  #testimonial .testimonail-image {
    border: 5px solid #d39d65;
    margin: 0px 0px 20px 13px;
    transition: all 0.5s ease 0s;
    width: 31%;
  }
  #testimonial .testimonial-content p.content{
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #84888c;
    font-weight: 400;
    font-family: "Lato";
  }
  #testimonial .testimonial-content h5.post-title. {
    font-size: 18px;
    line-height: 64px;
    color: #2e3236;
    font-weight: 600;
  }
  #testimonial .testimonail-image img {
    margin-left: 17px;
    margin-bottom: -20px;
    margin-top: 16px;
    width: 100%;
  }
  #testimonial .testimonial-content p:before {
    content: "\f10d";
    color: #d39e66;
    font-size: 55px;
    font-family: 'FontAwesome';
    position: absolute;
    top: -9px;
  }
  #testimonial .testimonial-content h5:before {
    content: "";
    width: 30px;
    bottom: 59px;
    left: 0px;
    position: absolute;
    height: 1px;
    background: #d39e66;
  }

  #testimonial .owl-carousel .owl-nav button.owl-prev,#testimonial .owl-carousel .owl-nav button.owl-next{
    background: none;
    color: inherit;
    border: none;
    border-radius: 31px;
    width: 40px;
    height: 40px;
    color: #3e4246;
    padding: 0 !important;
    font: inherit;
    font-size: 48px;
  }
  #testimonial button.owl-prev {
    position: absolute;
    left: -5%;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    outline: none!important;
  }
  #testimonial button.owl-next {
    position: absolute;
    right: -5%;
    outline: none!important;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
  }

  /**************counter****************/

  #counter .counter-content h6.number {
    font-size: 40px;
    line-height: 100px;
    color: #d39e66;
    font-weight: 700;
  }

  #counter .counter-content span {
    font-size: 55px;
    position: relative;
    color: #d39e66;
    top: 20px;
    font-weight: 700;
  }
  #counter .counter-content p{
    font-size: 18px;
    line-height: 26px;
    color: #84888c;
    font-weight: 600;
  }
  #counter .counter-content span:before{
    content: "";
    width: 10px;
    height:10px;
    background: #000;
  }
  #counter .counter-content span:before {
    content: "";
    width: 50px;
    height: 55px;
    top: -13px;
    left: -9px;
    z-index: -1;
    position: absolute;
    background: #fcf7f3;
}


#counter .owl-carousel .owl-nav button.owl-prev,#counter .owl-carousel .owl-nav button.owl-next{
  display: none;
}

/*****************Newsletter***************/

  section#newsletter {
    background: #fff9f4;
    padding: 20px;
  }
  #newsletter .newsletter_text {
    text-align: left;
    padding: 10px;
  }
  #newsletter .newsletter_text h6{
    text-align: left;
  }
  #newsletter .content{
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Lato"
  }

  #newsletter input[type="submit"] {
    position: absolute;
    right: 49px;
    margin: 4px 6px ;
  }
  #newsletter .newsletter-box {
    background: #ffffff;
    padding: 50px;
    position: relative;
    margin-top:75px;
  }

  #newsletter input[type="text"],#newsletter input[type="tel"],#newsletter input[type="email"],#newsletter input[type="number"],#newsletter input[type="date"],#newsletter input[type="phone"],#newsletter input[type="password"],#newsletter textarea {
    border: 1px solid #f5ebdf;
    font-size: 16px;
    padding: 10px 10px;
    height: auto;
    border-radius: 0px;
    width: 100%;
    background: #fdfaf7;
  }

  #newsletter input[type="submit"]{
    padding: 6px 33px;
    font-weight: 500;
    border-radius: 0px;
    color: #d39d65;
    border: 2px solid #d39d65;
    background-color: transparent;
  }
  #newsletter .contact-form {
    position: absolute;
    top: 35px;
  }
  #newsletter .newslettertext {
    position: relative;
  }
  #newsletter .contact-form p{
    font-size: 65px;
    line-height: 64px;
    color: #ffffff;
    font-weight: 700;
    opacity: 0.2;  
  }

  #newsletter .wpcf7-form-control-wrap:before {
    content: "";
    position: absolute;
    width: 40px;
    background: #d39e66;
    height: 2px;
    right: 29%;
    top: 6px;
  }

  /*****************blog section***********/

  #blog .bolg-box {
    padding: 20px 30px;
    background: #ffffff;
    position: absolute;
    margin: 0px 20px;
    bottom: 12px;
    box-shadow: 2px 3px 16px 2px rgb(170 163 163 / 25%);
  }
  #blog .blogss {
    position: relative;
  }
  #blog .bolg-box i{
    color:#d6a470;
  }
  #blog .bolg-box span,#blog .bolg-box span a{
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #84888c;
    font-weight: 400;
    font-family: "Lato";
  }
  #blog hr{
    background: #f9f2e9;
    opacity: 1;
  }
  #blog .bolg-box h5.post-title{
    font-size: 20px;
    line-height: 32px;
    color: #2e3236;
    font-weight: 600;
  }
  #blog p.main_sub_heading {
    font-size: 52px;
    line-height: 64px;
    color: #2e3236;
    font-weight: 700;
    text-align: center;
  }
  #blog .owl-nav{
    display: none;
  }

/************sponsors***********/

  #sponsors .sponsor-bg {
    background: #fff9f4;
    margin: 0px 50px;
    position: relative;
    z-index: 1;
  }
  #sponsors .tab-pane {
    padding: 20px 0px;
  }

  #sponsors .owl-carousel .owl-nav button.owl-prev,#sponsors .owl-carousel .owl-nav button.owl-next{
    display: none;
  }