body {
    background-color: #fff;
    color: #555
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #222
}
hr {
    border-top: 3px solid #e6e6e6
}
.anchor-basic {
    color: #222
}
.anchor-basic:focus, .anchor-basic:hover {
    color: #000
}
.button-main {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    color: #222
}
.button-main:focus {
    background-color: #f96331;
    border: 1px solid #d4d4d4;
    box-shadow: none
}
.button-main.button-scheme {
    color: #fff
}
.single-section {
    background-color: #fff
}
.single-section.alt-bg {
    background-color: #8d95a6
}
.element-cover-bg:before {
    background-color: rgba(0,0,0,.85)
}
.background-lines .single-line {
    background-color: rgba(0,0,0,.07)
}
.navbar .navbar-btn .btn-line, .navbar .navbar-btn:after, .navbar .navbar-btn:before {
    background-color: #333
}
.navbar.scrolled {
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(6,6,6,.15)
}
.navbar.scrolled:before {
    background-color: #fff
}
.home-area:before {
    background-color: rgba(0,0,0,0)
}
.home-area .content-greet {
    color: #222
}
.home-area .content-skills .single-skill::after {
    background-color: #999
}
.home-area .content-description {
    color: #5a5a5a
}
.home-area .home-tip {
    color: #333;
    font-weight: 400
}
.home-area .home-tip:after {
    background-color: #333
}
.home-area .home-mouse .mouse-shape {
    background-color: rgba(0,0,0,.5);
    border-color: #fff
}
.home-area .home-mouse .mouse-shape .mouse-wheel {
    background-color: #fff
}
.about-area .about-img img {
    background-color: transparent;
    border-color: rgba(0,0,0,.18)
}
.about-area .about-content .content-description p:last-child {
    border-bottom: 2px solid rgba(0,0,0,.05)
}
.about-area .about-content .content-info .info-list .single-info>span {
    color: #444
}
.services-area .single-service {
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1)
}
.services-area .single-service .service-title {
    color: #444
}
.portfolio-area .filter-control>li {
    color: #444
}
.portfolio-area .shufflejs .portfolio-wrapper:before {
    background-color: rgba(0,0,0,.9)
}
.portfolio-area .shufflejs .portfolio-wrapper .item-content .content-title {
    color: #fff
}
.portfolio-area .lightbox-wrapper {
    background-color: #fff
}
.portfolio-area .lightbox-wrapper .lightbox-close .close-btn .btn-line, .portfolio-area .lightbox-wrapper .lightbox-close .close-btn:after, .portfolio-area .lightbox-wrapper .lightbox-close .close-btn:before {
    background-color: rgba(0,0,0,.6)
}
.portfolio-area .lightbox-wrapper .lightbox-content .content-info .single-info>span {
    color: #444
}
.hire-area:before {
    background-color: rgba(255,255,255,.65)
}
.resume-area .timeline-block .block-details .detail-from:after {
    color: #444
}
.resume-area .timeline-block .block-details .detail-date {
    color: #444
}
.resume-area .timeline-block .block-line:before {
    background-color: #3c3c3c
}
.resume-area .timeline-block .block-line:after {
    border-top-color: #3c3c3c
}
.resume-area .timeline-block .block-summary .summary-title {
    color: #4a4a4a
}
.testimonials-area .single-review .review-content {
    color: inherit
}
.testimonials-area .single-review .review-client .client-avatar {
    box-shadow: 0 0 7px 0 rgba(0,0,0,.33)
}
.testimonials-area .single-review .review-client .client-name {
    color: #333
}
.testimonials-area .single-review .review-client .client-role {
    color: #888
}
.pricing-area .single-plan {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.05)
}
.pricing-area .single-plan .plan-type {
    color: #444
}
.pricing-area .single-plan .plan-price {
    color: #444
}
.pricing-area .single-plan .plan-list li {
    color: inherit
}
.pricing-area .single-plan.plan-popular {
    box-shadow: 0 0 35px 0 rgba(0,0,0,.15)
}

@media (max-width:991.98px) {
.pricing-area .single-plan.plan-popular {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.05)
}
}
.blog-area .single-post {
    background-color: transparent;
    border: none
}
.blog-area .single-post .post-img .content-date {
    color: #fff
}
.blog-area .single-post .post-content .content-tags .tags-title {
    color: #333
}
.blog-area .single-post .post-content .content-tags .tags-list .list-inline-item:not(:last-child):after {
    color: #333
}
.contact-area .form-title, .contact-area .info-title {
    font-weight: 700
}
.contact-area .contact-form .form-group .form-control {
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4
}
.contact-area .contact-form .form-group .form-control:-webkit-autofill, .contact-area .contact-form .form-group .form-control:-webkit-autofill:active, .contact-area .contact-form .form-group .form-control:-webkit-autofill:focus, .contact-area .contact-form .form-group .form-control:-webkit-autofill:hover {
-webkit-box-shadow:0 0 0 1000px #fff inset;
-webkit-text-fill-color:#555!important;
transition:background-color 5000s ease-in-out 0s
}
.contact-area .contact-form .form-group .form-control, .contact-area .contact-form .form-group .form-control::-webkit-input-placeholder {
color:#555
}
.contact-area .contact-form .form-group .form-control, .contact-area .contact-form .form-group .form-control::-moz-placeholder {
color:#555
}
.contact-area .contact-form .form-group .form-control, .contact-area .contact-form .form-group .form-control:-ms-input-placeholder {
color:#555
}
.contact-area .contact-form .form-group .form-control, .contact-area .contact-form .form-group .form-control::-ms-input-placeholder {
color:#555
}
.contact-area .contact-form .form-group .form-control, .contact-area .contact-form .form-group .form-control::placeholder {
color:#555
}
.contact-area .contact-form .form-group .form-control:focus {
    box-shadow: none
}
.contact-area .contact-form .form-submit #contact-submit.wait {
    background-color: #222!important;
    border-color: #222!important
}
.contact-area .contact-form .form-submit #contact-submit.success {
    background-color: #28a745!important;
    border-color: #28a745!important
}
.contact-area .contact-form .form-submit #contact-submit.error {
    background-color: #dc3545!important;
    border-color: #dc3545!important
}
.contact-area .contact-form .form-submit .contact-error {
    color: #dc3545
}
.contact-area .contact-info .list-info .info-details {
    border-left: 2px solid rgba(0,0,0,.15)
}
.contact-area .contact-info .list-info .info-details .info-value {
    color: inherit
}
.footer-area {
    background-color: #151515
}
.footer-area .main-footer {
    border-bottom: 2px solid rgba(85,85,85,.15)
}
.footer-area .main-footer .column-title {
    color: #f0f0f0
}
.footer-area .main-footer .column-content>li a {
    color: #888
}
.footer-area .main-footer .column-content>li a:focus, .footer-area .main-footer .column-content>li a:hover {
    color: #c8c8c8
}
.footer-area .main-footer .logo-wrapper .brand-logo {
    color: #fff
}
.footer-area .main-footer .logo-wrapper .brand-description {
    color: #888
}
.footer-area .mini-footer .social-medias a {
    background-color: #222;
    color: #fff
}
.footer-area .mini-footer .social-medias a.twitter {
    background-color: #1da1f2
}
.footer-area .mini-footer .social-medias a.twitter:focus, .footer-area .mini-footer .social-medias a.twitter:hover {
    background-color: #0d8cda
}
.footer-area .mini-footer .social-medias a.instagram {
    background-color: #c32361
}
.footer-area .mini-footer .social-medias a.instagram:focus, .footer-area .mini-footer .social-medias a.instagram:hover {
    background-color: #a01d50
}
.footer-area .mini-footer .social-medias a.linkedin {
    background-color: #0077b5
}
.footer-area .mini-footer .social-medias a.linkedin:focus, .footer-area .mini-footer .social-medias a.linkedin:hover {
    background-color: #005c8c
}
.footer-area .mini-footer .social-medias a.youtube {
    background-color: #c33a38
}
.footer-area .mini-footer .social-medias a.youtube:focus, .footer-area .mini-footer .social-medias a.youtube:hover {
    background-color: #a3312f
}
.footer-area .mini-footer .social-medias a.github {
    background-color: #6e5494
}
.footer-area .mini-footer .social-medias a.github:focus, .footer-area .mini-footer .social-medias a.github:hover {
    background-color: #5b457a
}
.footer-area .mini-footer .social-medias a.facebook {
    background-color: #3b5998
}
.footer-area .mini-footer .social-medias a.facebook:focus, .footer-area .mini-footer .social-medias a.facebook:hover {
    background-color: #30487b
}
.footer-area .mini-footer .social-medias a.dribbble {
    background-color: #c32361
}
.footer-area .mini-footer .social-medias a.dribbble:focus, .footer-area .mini-footer .social-medias a.dribbble:hover {
    background-color: #a01d50
}
.footer-area .mini-footer .copyright-notice {
    color: #c7c7c7
}