body {
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    color: #51565f;
    height: 100%;
    background-color: #fff;
    
}
h1, h2, h3, h4, h5, h6 {
    color: #010101;
    font-weight: 500;
    margin: 0 0 15px;
    text-transform: capitalize;
}
.push-menu-and-content {
    background: #272727 none repeat scroll 0 0;
    color: #fff;
    height: 100%;
    padding: 30px;
    max-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    right: -300px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 9999;
}
.top-area {
    position: relative;
    width: 100%;
}
.header-top-area {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.mainmenu-area {
    position: relative;
    z-index: 9999;
    background-color:#dededd;
}
.mainmenu-area-bg {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    width: 100%;
}
.navbar {
    border-bottom: 0;
    border-top: 0;
    margin-bottom: 0;
}
.navbar-header .collapse, .navbar-toggle {
    border: 2px solid #ff8a00;
    border-radius: 0;
}
.side-push-menu {
    color: #fff;
    float: right;
    height: 100px;
    padding-left: 20px;
    padding-top: 35px;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 60px;
}
.push-menu-open-button {
    background: #fff none repeat scroll 0 0;
    color: #252a34;
    cursor: pointer;
    font-size: 20px;
    height: 30px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 40px;
}
ul#nav {
    display: inline-block;
    float: none;
    -webkit-transition: .3s;
    transition: .3s;
}
ul#nav li {
    display: inline-block;
    padding: 30px 5px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
ul#nav li.active a, ul#nav li a:hover {
    color: #ff8a00;
 
}
ul#nav li a {
    background: transparent none repeat scroll 0 0;
    color:white;
    font-family: montserrat,sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 7px 15px;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 9;
}
.welcome-slider-area {
    background: transparent none repeat scroll 0 0;
    height: 700px;
    padding-top: 100px;
    position: relative;
}
.centered {
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background-color: #dededd; */
    animation: mymove 5s 1;
  }
  @keyframes mymove {
    from {bottom: 40%;}
    to {bottom: 7%;}
  }
.section-padding {
    padding: 100px 0;
}
.container.about-features {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 5px 10px #f1f1f1;
    box-shadow: 0 5px 10px #afbfd0;
    margin-bottom: 100px;
    margin-top: -200px;
    position: relative;
    z-index: 9;
}
.single-features {
    padding: 40px 20px;
}
.features-icon {
    color: #afbfd0;
    font-size: 48px;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.single-features h3 {
    font-size: 18px;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.single-features p {
    font-size: 14px;
    max-height: 200px;
    overflow: hidden;
   
}
.single-features .read-more {
    color: #010101;
    display: inline-block;
    font-weight: 500;
    margin-top: 10px;
}
.single-features:hover h3, .single-features:hover .features-icon {
    color: #ff8a00;
}
.single-features .read-more:hover {
    color: #ff8a00;
    text-decoration: none;
}
.single-features .read-more:hover i {
    padding-left: 10px;
}
.about-area .about-bottom-content .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.about-img {
    position: relative;
}
.about-img img {
    margin-top: 50px;
    width: 90%;
}
img {
    max-width: 100%;
    height: auto;
}
.about-layer-two {
    margin-top: -50px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.about-content h2 {
    margin-bottom: 30px;
}

.about-bottom-content .read-more {
    border: 2px solid;
    border-radius: 50px;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 20px;
    padding: 10px 30px;
    text-transform: uppercase;
}
.about-bottom-content .read-more:hover {
    color: #ff8a00;
    text-decoration: none;
}
.service-area.section-padding {
    padding-bottom: 50px;
    position: relative;
    z-index: 9;
}
.gray-bg {
    background: #f4f7f7;
}
.area-title {
    margin-bottom: 80px;
    position: relative;
}
.area-title h2, .about-content h2 {
    font-size: 36px;
    font-weight: 600;
}
.area-title p {
    margin-bottom: 0;
}
.single-service {
    background: #fff none repeat scroll 0 0;
    color: #afbfd0;
    margin-bottom: 50px;
    overflow: hidden;
    padding: 40px 20px;
    position: relative;
}
.service-hidding-and-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff none repeat scroll 0 0;
  
    display: flex;
   
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;

    transition: all .3s ease 0s;
    width: 100%;
}
.service-icon {
    font-size: 48px;
    margin-bottom: 20px;
}
.single-service h3 {
    font-size: 18px;
    text-transform: uppercase;
}
.service-details {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.single-service:hover .service-hidding-and-icon {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}
.single-service:hover .service-details {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.single-service a:hover {
    text-decoration: none;
    color: #ff8a00;
}
.single-service .read-more:hover i, .post-details a.read-more:hover i {
    padding-left: 10px;
}
.project-area.section-padding {
    padding-bottom: 70px;
}

.project-menu {
    margin-bottom: 50px;
    text-align: center;
    width: 100%;
}
.project-menu ul {
    background: #f3f7fb none repeat scroll 0 0;
    display: inline-block;
    text-align: center;
}
.project-menu ul li:hover, .project-menu ul li.active {
    color: #ff8a00;
}
.project-menu ul li {
    color: #8ca0b4;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    letter-spacing: 2px;
    margin-right: 15px;
    min-width: 120px;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.single-project {
    position: relative;
}
.single-project-details {
    overflow: hidden;
    position: absolute;
}
.project-img img {
    width: 100%;
}
.project-details {
    -webkit-box-align: center;
   
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    
    transform: translateY(50px);
   
    transition: all .3s ease 0s;
    width: 100%;
    z-index: 9;
}
.single-project-details:hover .project-details {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
   
}
.project-details h4, .project-details h5 {
    color: #fff;
    
}
.project-details h5 {
   font-size: 15px;
    
}

.project-view-details a {
    background: transparent none repeat scroll 0 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 -1px #fff;
    box-shadow: 0 0 0 -1px #fff;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    margin: 0 5px 20px;
    padding-top: 13px;
    text-align: center;
    width: 50px;
}
.fact-area {
    color: #fff;
    position: relative;
}
.fact-area-bg {
    background: rgba(0,0,0,0) url(https://pemeticpurveyors.com/wp-content/uploads/2017/06/part-1-background-17-without-low-opacity.png) no-repeat scroll center center/cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.single-fun-fact {
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.fact-icon {
    font-size: 40px;
    margin-bottom: 20px;
}
h3.counter {
    color: #fff;
    font-size: 36px;
}
.team-area {
    position: relative;
}
.team-area-bg {
    background: rgba(0,0,0,0) url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQO8IAJbX8xgWfcwnGVaFahTVFGvypHMEiQlw&usqp=CAU) no-repeat scroll center center/cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.single-team {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    overflow: hidden;
}
.member-bg-image {
    position: relative;
}
.team-member-details {
    font-size: 16px;
    padding: 80px 20px 30px;
    position: relative;
}
.team-member-thumb {
    border-radius: 50%;
    height: 130px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: -65px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 130px;
}
.team-member-thumb img {
    background: #ff8a00 none repeat scroll 0 0;
    border-radius: 50%;
    padding: 5px;
}
.team-member-details h3 {
    font-size: 18px;
    letter-spacing: 2px;
}
ul.social-bookmark {
    margin-top: 20px;
}
ul.social-bookmark li {
    display: inline;
}
ul.social-bookmark li a {
    border: 1px solid;
    border-radius: 50%;
    color: #ccdae9;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    padding-top: 8px;
    width: 40px;
    text-align: center;
}
.post-meta {
    padding: 20px 0 10px;
}
.post-meta a {
    color: #8ca0b4;
    margin-right: 20px;
}
.post-details h3 {
    font-size: 22px;
}
.post-details a.read-more {
    display: inline-block;
    margin-top: 20px;
}
.post-details a.read-more:hover {
    text-decoration: none;
    color: #ff8a00;
}
.contact-quote-area {
    position: relative;
    color: #fff;
}
.quote-area-bg {
    background:#ef5935  no-repeat scroll center center/cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.quote-content h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 30px;
}
.contact-quate-button {
    background: #ff8a00 none repeat scroll 0 0;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 30px;
    padding: 12px 30px;
}
.contact-quate-button:hover {
    background: #fff none repeat scroll 0 0;
    color: #ff8a00 !important;
    text-decoration: none;
}

.footer-area {
    position: relative;
}
.footer-area-bg {
    background: transparent url(https://i.pinimg.com/originals/71/dd/00/71dd009941483e190e7c1d90867268ff.jpg) no-repeat scroll center bottom;
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
}

.dark-bg {
    background: #1e262c;
    color: #fff;
}
.footer-logo {
    margin-bottom: 40px;
}
.footer-area a {
    color: #fff;
}
.footer-area h4 {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 50px;
    text-transform: uppercase;
}
.footer-list li, .footer-menu li {
    float: left;
    margin-bottom: 10px;
    min-height: 40px;
    width: 50%;
}
.footer-list li a, .footer-menu li a {
    position: relative;
}
.contact-details li {
    margin-bottom: 10px;
    min-height: 40px;
    padding-left: 40px;
    position: relative;
}
.contact-details li .f_contact_icon {
    font-size: 18px;
    height: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.footer-area a:hover {
    color: #ff8a00;
    text-decoration: none;
}
.navbar-nav .icon {
    display: none;
  }
  
  @media screen and (max-width: 600px) {
      .carousel-first-name{
          font-size: 37px !important;
      }
      .mobile-view-margin{
        margin-left: 45px !important;
      }
    .navbar-nav li a:not(:first-child) {display: none;}
    .navbar-nav a.icon {
      float: right;
      display: block;
    }
  }
  
  @media screen and (max-width: 600px) {
      nav.navbar .container{
          margin: 0% !important;
          padding: 0% !important;
      }
    .navbar-nav.responsive {position: relative;}
    .navbar-nav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .navbar-nav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    .nav-btn  {
        display: inline-block !important;        
        margin-left: 75px;
     
        size: 10px;
      }
      .nav-btn .fa-bars{
          font-size: 30px;
      }
      .nav-btn:hover,#nav-check:checked ~ .nav-btn {
        background-color: rgba(0, 0, 0, 0.3);
      }
      
     .mobile ul#nav li{
        position: relative;
        width: 100%;
        background-color:white;
        height: 0px;
        transition: all 0.3s ease-in;
        top: 0px;
        left: 0px;
        transform: translate(0%);
         }
     
         .mobile ul#nav li a {
        display: block;
        width: 100%;
        color:black;
        padding: 0px 15px;
      }
     
      #nav-check:not(:checked) ~  .mobile {
        display: none  ;
       
      }
      .mobile ul#nav li a:hover ~  .mobile{
          display: none !important;
      }
      /* .nav-btn:hover + .mobile {
          
        display: none!important;
      } */
      #nav.desktop >li{
          display: none !important;
      }
     #nav-check:checked ~ .mobile {
        display: block!important;
      
      }
  }
  .mobile{
      display: none;
  }
  #nav-check{
      display: none;
  }
  .nav-btn{
      display: none;
  }