#header,#header.header-scrolled, #header.header-inner-pages {

    background: #fff;

}

#header {

    border-bottom: 1px solid #eee;

}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {

    color: #111;

}

.nav-menu a {

    color: #111;

}

.get-started-btn, .get-started-btn:hover {

    background: #0dd26a;

    color: #111;

    border-radius: 3px;

    border: 1px solid #0dd26a;

    padding: 10px 20px;

    font-weight: 700;

}



section#hero {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    height: 100vh;

}

#hero {

    background: transparent;

}

#hero h1 {

    margin: 0 0 20px 0;

    font-size: 48px;

    font-weight: 700;

    line-height: 56px;

    color: #111;

}

#hero h2 {

    color: #333;

    margin-bottom: 50px;

    font-size: 24px;

}

.get-started-btn2, .get-started-btn2:hover {

    color: #fff;

    padding: 10px 25px;

    white-space: nowrap;

    transition: 0.3s;

    font-size: 15px;

    display: inline-block;

    font-weight: 600;

    background: #0dd26a;

    border-radius: 3px;

    border: 1px solid #0dd26a;

}



.get-started-btn3, .get-started-btn3:hover {

    color: #fff;

    padding: 6px 25px 7px 25px;

    white-space: nowrap;

    transition: 0.3s;

    font-size: 14px;

    display: inline-block;

    font-weight: 600;

    background: #111;

    border-radius: 3px;

    border: 1px solid #111;

}

.get-started-btn:hover, .get-started-btn2:hover, .get-started-btn3:hover,

.about .content .btn-learn-more:hover, .contact .php-email-form button[type="submit"]:hover {

    transform: translate(0px, -2px);

    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 4%), 0 1px 16px 0 rgb(0 0 0 / 12%);

}

.section-title h2 {

    font-weight: normal;

    color: #111;

}

.section-title h2::before {

    content: '';

    position: absolute;

    display: block;

    width: 120px;

    height: 1px;

    background: #37517e;

    bottom: 1px;

    left: calc(50% - 60px);

}

.section-title h2::after {

    width: 0;

}

#footer {

    background: linear-gradient(rgba(17, 17, 17, 0.9), rgba(40, 58, 90, 0.9)), url(../img/cta-bg.jpg) fixed center center;

    background-size: cover;

}

.back-to-top i, #footer .footer-top .social-links a, #footer .footer-top .social-links a:hover {

    background: #0dd26a;

}

.services .icon-box .icon i {

    color: #0dd26a;

}

.services .icon-box:hover h4 a {

    color: #0dd26a;

}

#footer .footer-top .footer-links ul a, #footer .footer-top .footer-contact p,

#footer .footer-top .footer-contact h3, #footer .footer-top .footer-links ul i,

#footer .footer-top h4, #footer p

 {

    color: #fff;

}

#footer .copyright {

    float: none;

    text-align: center;

}

#footer .footer-top .footer-links ul a:hover {

    text-decoration: none;

    color: #fff;

}

#footer .footer-top {

    background: none;

}

.about .content ul i {

    color: #37517e;

}

.about .content .btn-learn-more, .about .content .btn-learn-more:hover {

    background-color: #0dd26a;

    color: #fff;

    border: none;

    padding: 15px 32px;

    font-weight: 600;

    font-size: 15px;

}

.contact .info {

    border-top: 3px solid #37517e;

    border-bottom: 3px solid #37517e;

}

.contact .php-email-form {

    border-top: 3px solid #37517e;

    border-bottom: 3px solid #37517e;

}

.contact .info i {

    color: #37517e;

}

.contact .php-email-form button[type="submit"], .contact .php-email-form button[type="submit"]:hover {

    background: #0dd26a;

    border: none;

    padding: 15px 34px;

    font-weight: 600;

    font-size: 15px;

    border-radius: 3px;

}



.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {

    border-color: #37517e;

}

.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {

    background: #37517e;

    color: #fff;

}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {

    background: #0dd26a;

    color: #fff;

}

.mobile-nav-toggle i {

    color: #111;

}

@media (max-width: 768px){

  #hero h1 {

    font-size: 32px;

    line-height: 40px;

  }

  #hero .container {

    padding-top: 100px

  }

}



.contact .php-email-form .error-message {

    display: none;

    color: #37517e;

    text-align: center;

    padding: 15px;

    font-weight: 500;

}

.nav-menu a {

    font-weight: 700;

}

.extra-margin {

    margin-bottom: 2rem;

}



.portfolio .portfolio-item .portfolio-info {

    opacity: 1;

    position: static;

    background: transparent;

}



.portfolio .portfolio-item .portfolio-info h4 {

    color: #111;

}



.portfolio .portfolio-item .portfolio-info p {

    color: #333;

}



.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {

    position: static;

    color: #333;

}

.portfolio-info a {

    color: #333;

}

.portfolio-info a:hover {

    color: #0dd26a;;

}

.nav-contact-mob {

    display: none;

}

.nav-contact {

    display: block;

}

@media (max-width: 992px){

    #hero .hero-img img {

        margin-top: 50px;

    }

    #header .logo img {

    max-height: 30px;

    }

    .nav-contact-mob {

        display: block;

    }

    .nav-contact {

        display: none;

    }

    .text-center-mob {

    text-align: center;

    }

}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {

    color: #0dd26a;

    text-decoration: none;

}

.portfolio .portfolio-item .portfolio-info {

    padding: 10px 5px;

}

@media (min-width: 778px){

    .portfolio .portfolio-item .portfolio-img img {

        height: 10rem;

    }

}