:root {
    --main-green: #3e693f;
    --main-grey: #333;
    --soft-green: #517b69;
}

header img.logo {
    max-width: 250px;
}

.wpo-site-footer .about-widget .logo {
    max-width: 90%;
}

footer img.logo {
    max-width: 100%;
}

.wpo-hero-section-1 .wpo-hero-subtitle p {
    max-width: 80%;
    font-size: 18px;
}

.wpo-about-section .wpo-about-text h2,
.wpo-about-section-s2 .wpo-about-text h2,
.wpo-about-section-s3 .wpo-about-text h2,
.wpo-about-section-s4 .wpo-about-text h2,
.wpo-about-section-s5 .wpo-about-text h2,
.wpo-about-section-s6 .wpo-about-text h2 {
    line-height: 50px;
}

.wpo-hero-section-1 .wpo-hero-title h2 {
    line-height: 75px;
}

.wpo-breadcumb-area:before {
    background: var(--main-green);
}

.wpo-site-footer {
    background: #274735;
}

.wpo-site-footer a {
    color:inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--main-grey);
    font-family: "Roboto Slab", serif;
}

.wpo-hero-section-1 .wpo-hero-title-top span,
.wpo-hero-section-2 .wpo-hero-title-top span,
.wpo-hero-section-3 .wpo-hero-title-top span,
.wpo-hero-section-4 .wpo-hero-title-top span,
.wpo-hero-section-5 .wpo-hero-title-top span,
.wpo-hero-section-6 .wpo-hero-title-top span,
.wpo-hero-section-7 .wpo-hero-title-top span,
.wpo-about-section .wpo-about-text span,
.wpo-about-section-s2 .wpo-about-text span,
.wpo-about-section-s3 .wpo-about-text span,
.wpo-about-section-s4 .wpo-about-text span,
.wpo-about-section-s5 .wpo-about-text span,
.wpo-about-section-s6 .wpo-about-text span,
.wpo-section-title span {
    color: var(--main-green);
}

.wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p:before,
.wpo-testimonial-area-s2 .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p:before,
.wpo-testimonial-area-s3 .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p:before {
    color: #9cc97f;
}

.wpo-site-header #navbar>ul li a:hover,
.wpo-site-header #navbar>ul li a:focus {
    color: var(--main-green);
}

.wpo-site-header #navbar>ul>li>a {
    color: var(--main-grey);
}

.wpo-site-header #navbar>ul>li>a:before,
.wpo-site-header #navbar>ul>li .sub-menu a:after {
    background: var(--soft-green);
}

.wpo-site-header .header-right .search-toggle-btn {
    background-color: var(--soft-green);
    color: #fff;
}

.cart-search-contact .fi {
    color: #fff;
}

.wpo-hero-section-1 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-2 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-3 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-4 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-5 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-6 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-7 .right-vec .right-items-wrap .right-item .wpo-total-project {
    background: linear-gradient(to left, #243f39, var(--soft-green));
}

.right-item.right {
    padding-top: 130px;
}

.wpo-cta-area .wpo-cta-section .wpo-cta-content {
    flex-direction: column;
    align-items: start;
}

.wpo-cta-area .wpo-cta-section .wpo-cta-content p {
    color: #fff;

}

.back-to-top {
    background-color: rgba(50, 50, 50, 0.7);
    border: 2px solid #fff;
}

.back-to-top:hover { 
    background-color: rgba(50, 50, 50, 1);
}

.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm, .wpo-blog-section-s2 .wpo-blog-content .wpo-blog-content-btm, .wpo-blog-section-s3 .wpo-blog-content .wpo-blog-content-btm {
    padding-top:0;
    padding-left:20px;
    border-top: none;
}

.wpo-blog-section .wpo-blog-content .wpo-blog-content-top {
    padding-bottom:10px;
}

@font-face {
  font-family: 'fontello';
  src: url('/fonts/fontello.eot?96542542');
  src: url('/fonts/fontello.eot?96542542#iefix') format('embedded-opentype'),
       url('/fonts/fontello.woff2?96542542') format('woff2'),
       url('/fonts/fontello.woff?96542542') format('woff'),
       url('/fonts/fontello.ttf?96542542') format('truetype'),
       url('/fonts/fontello.svg?96542542#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/fonts/fontello.svg?96542542#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-linkedin:before { content: '\e800'; } /* '' */
.icon-x-rect:before { content: '\e803'; } /* '' */
.icon-linkedin-rect:before { content: '\f05c'; } /* '' */
.icon-facebook:before { content: '\f300'; } /* '' */
.icon-facebook-rect:before { content: '\f301'; } /* '' */