body.light {
  background-color: #f2f7f9;
  color: #555;
}

body.light h1,
body.light h2,
body.light h3,
body.light h4,
body.light h5,
body.light h6 {
  color: #222;
  font-family: 'Poppins', Helvetica, sans-serif;
  font-weight: 600;
}

body.light a {
  color: #0099cc;
}

body.light .page-content {
  background-color: #04b4e0;
  -webkit-box-shadow: 0 0 100px -5px rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 0 100px -5px rgba(0, 0, 0, .25);
  box-shadow: 0 0 100px -5px rgba(0, 0, 0, .25);
}

body.light .btn-primary,
body.light .btn-secondary,
body.light button,
body.light input[type="button"],
body.light input[type="submit"],
body.light .wp-block-button .wp-block-button__link {
  border: 2px solid #04b4e0;
  color: #222;
  background-color: #fff;
  box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, .22);
}

body.light .btn-primary:hover,
body.light .btn-primary:focus,
body.light button:hover,
body.light button:focus,
body.light input[type="button"]:hover,
body.light input[type="button"]:focus,
body.light input[type="submit"]:hover,
body.light input[type="submit"]:focus {
  background-color: #04b4e0;
  color: #fff;
  border: 2px solid #04b4e0;
}

body.light .btn-secondary {
  border-color: #d5d5d5;
  background-color: #fff;
  box-shadow: 0px 10px 10px -8px #d5d5d5;
  color: #666;
}

body.light .btn-secondary:hover,
body.light .btn-secondary:focus {
  color: #333;
  border-color: #d5d5d5;
  background-color: #d5d5d5;
}

body.light .preloader,
body.light .preloader-portfolio {
  background: #fff;
}

body.light .preloader-spinner {
  background-color: #04b4e0;
}

@media only screen and (min-width: 1025px) {
  body.light ul.main-menu {
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px -5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 30px -5px rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px -5px rgba(0, 0, 0, .15);
  }

  body.light ul.main-menu a {
    color: #b5b6b7;
  }

  body.light ul.main-menu a.active,
  body.light ul.main-menu a:focus,
  body.light ul.main-menu a:hover {
    color: #04b4e0;
  }

  body.light ul.main-menu .link-text {
    color: #fff;
    background-color: #04b4e0;
    box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, .22);
  }
}

body.light .lmpixels-arrows-nav {
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px -5px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 0 30px -5px rgba(0, 0, 0, .15);
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, .15);
}

body.light .lmpixels-arrows-nav div {
  color: #b5b6b7;
}

body.light .lmpixels-arrows-nav div:hover {
  color: #04b4e0;
}

body.light .header-photo img {
  background-color: #fff;
  border: 3px solid #fff;
}

body.light .header-photo:after {
  background-image: -webkit-repeating-radial-gradient(center center, #fff, #fff 1px, transparent 0px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, #fff, #fff 1px, transparent 0px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, #fff, #fff 1px, transparent 0px, transparent 100%);
}

body.light .header-titles h2 {
  color: #fff;
}

body.light .header-titles h4 {
  color: #fff;
}

body.light .social-links ul li a {
  color: #fff;
}

body.light .social-links ul li a:hover {
  background-color: rgba(255, 255, 255, .2);
}

body.light .header-buttons .btn-primary {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}

body.light .header-buttons .btn-primary:hover {
  background-color: #fff;
  color: #04b4e0;
  border-color: #fff;
}

body.light .header .copyrights {
  color: #fff;
}

body.light .section-content {
  background-color: #fff;
}

body.light .single-page-content {
  background-color: #fff;
}

body.light .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
  background-color: #b5b6b7;
}

body.light .ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
  background-color: #04b4e0;
}

body.light .page-title h2 span {
  color: #04b4e0;
}

body.light .page-title:after {
  background-image: -webkit-repeating-radial-gradient(center center, #04b4e0, #04b4e0 1px, transparent 0px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, #04b4e0, #04b4e0 1px, transparent 0px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, #04b4e0, #04b4e0 1px, transparent 0px, transparent 100%);
}

body.light .form-control,
body.light .form-control:focus,
body.light .has-error .form-control,
body.light .has-error .form-control:focus,
body.light input[type="search"],
body.light input[type="password"],
body.light input[type="text"] {
  border: 2px solid #d5d6d7;
  background-color: transparent;
  box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, .1);
}

body.light .form-control~.form-control-border {
  background: transparent;
  border: 2px solid #04b4e0;
}

body.light .has-error .form-control~.form-control-border {
  border-color: #ff4c4c;
}

body.light .form-control::-moz-placeholder {
  color: #adadac;
}

body.light .form-control:-ms-input-placeholder {
  color: #adadac;
}

body.light .form-control::-webkit-input-placeholder {
  color: #adadac;
}

body.light .form-group .help-block {
  color: #fff;
  background: #ff4e4e;
}

body.light .form-group .help-block:after {
  border-bottom: 10px solid #ff4e4e;
  border-right: 10px solid transparent;
}

body.light .form-group-with-icon i {
  color: #d3d3d3;
}

body.light .form-group-with-icon.form-group-focus i {
  color: #04b4e0;
}

body.light .form-group label {
  color: #a5a6a7;
}

body.light .form-group .form-control:focus~label,
body.light .form-group.form-group-focus .form-control~label {
  color: #04b4e0;
}

body.light .block-title h3 span {
  color: #04b4e0;
}

body.light .block-title:after {
  background-image: -webkit-repeating-radial-gradient(center center, #04b4e0, #04b4e0 1px, transparent 0px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, #04b4e0, #04b4e0 1px, transparent 0px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, #04b4e0, #04b4e0 1px, transparent 0px, transparent 100%);
}

body.light .info-list .title {
  color: #04b4e0;
}

body.light .info-block-w-icon i {
  color: #04b4e0;
}

body.light .lm-info-block {
  background-color: #fcfcfc;
  border: 1px solid #e5e5e5;
}

body.light .lm-info-block i {
  color: #04b4e0;
}

body.light .lm-info-block .lm-info-block-value {
  color: #04b4e0;
}

body.light .testimonial {
  border: 2px solid #e5e6e7;
}

body.light .testimonial img {
  box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, .22);
}

body.light .testimonial .author-info .icon {
  color: #04b4e0;
}

body.light .testimonial .author-info .company {
  color: #a5a6a7;
}

body.light .testimonials.owl-carousel .owl-nav .owl-prev,
body.light .testimonials.owl-carousel .owl-nav .owl-next,
body.light .clients.owl-carousel .owl-nav .owl-prev,
body.light .clients.owl-carousel .owl-nav .owl-next {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #666;
}

body.light .testimonials.owl-carousel .owl-nav .owl-prev:hover,
body.light .testimonials.owl-carousel .owl-nav .owl-next:hover,
body.light .clients.owl-carousel .owl-nav .owl-prev:hover,
body.light .clients.owl-carousel .owl-nav .owl-next:hover {
  background-color: #04b4e0;
  border-color: #04b4e0;
  color: #fff;
}

body.light .timeline-second-style .divider {
  background-color: #eee;
}

body.light .timeline-second-style .divider:before {
  background-color: #04b4e0;
}

body.light .timeline-second-style .divider:after {
  background-color: #fff;
  border: 2px solid #04b4e0;
}


body.light .timeline-second-style .item-company {
  color: #a5a6a7;
}

body.light .skills-second-style .skill-container {
  background-color: #fff;
  border: 1px solid #04b4e0;
}

body.light .skills-second-style .skill-container:before {
  background-color: #04b4e0;
}

body.light .skills-second-style .skill-value {
  color: #aaa;
}

body.light .skills-second-style .skill-percentage {
  background-color: #04b4e0;
  border: 2px solid #fff;
}

body.light .knowledges li {
  background-color: #04b4e0;
  color: #fff;
}

body.light .certificate-item {
  border: 2px solid #e5e5e5;
}

body.light .certi-logo {
  background-color: #f5f5f5;
}

body.light .certi-id {
  color: #777;
}

body.light .certi-date {
  color: #777;
}

body.light .portfolio-filters li a {
  color: #666;
}

body.light .portfolio-grid figure .portfolio-item-img:after {
  background-color: rgba(0, 0, 0, .05);
}

body.light .portfolio-item-desc small {
  color: #888;
}

body.light .portfolio-grid figure i {
  background-color: #fff;
  color: #04b4e0;
}

body.light .portfolio-grid figure .category {
  background-color: #fff;
  color: #222;
}

body.light .blog-card {
  background: #fff;
}

body.light .blog-card .post-without-f-image {
  background-color: #f5f5f5;
}

body.light .blog-card .post-info {
  border: 1px solid #f5f5f5;
}

body.light .blog-card .category a {
  background: #fff;
  color: #222;
}

body.light .blog-card .post-date {
  color: #888;
}

body.light .sticky-badge {
  background-color: #fff;
  color: #888;
}

body.light .blog-card .media-block a .mask {
  background: #4f565e;
  background: rgba(0, 0, 0, .12);
}

body.light .blog-card .media-block a .mask:after {
  color: #fff;
}

body.light .blog-card ul.category li a {
  color: #888;
}

body.light .blog-card .post-meta .item,
.post-meta .item a {
  color: #a6a6a6;
}

body.light .page-ajax-loaded {
  background-color: #fff;
}

body.light .ajax-page-content {
  background-color: #fff;
}

body.light .ajax-page-nav>div.nav-item a {
  color: #888;
  background-color: #eee;
}

body.light .ajax-page-nav>div.nav-item a:hover {
  background-color: #04b4e0;
  color: #fff;
}

body.light .project-description {
  background-color: #fcfcfc;
}

body.light .project-general-info .fa {
  color: #04b4e0;
}

body.light .share-buttons a {
  color: #888;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

body.light .share-buttons a:hover {
  color: #fff;
  background-color: #04b4e0;
  border-color: #04b4e0;
}

body.light .tags a {
  color: #666;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

body.light .portfolio-page-carousel .owl-nav [class*='owl-'] {
  color: #9e9e9e;
  background: #fff;
}

body.light .portfolio-page-carousel .owl-dots .owl-dot.active span,
.portfolio-page-carousel .owl-dots .owl-dot:hover span {
  background: #9e9e9e;
}

body.light .portfolio-page-carousel .owl-dots .owl-dot span {
  background: #f5f5f5;
  border: 1px solid #9e9e9e;
}

body.light .post-thumbnail {
  background: #b2b2b2;
}

body.light .single-page-content .post-content {
  background-color: #fff;
}

.entry-header {
  position: relative;
  z-index: 1;
  padding: 5px 0 0;
}

body.light .entry-header .entry-meta {
  color: #9e9e9e;
}

body.light .entry-meta a {
  color: #9e9e9e;
}

body.light .entry-meta.entry-meta-bottom {
  background-color: #fcfcfc;
  border: 1px solid #eee;
}

body.light .entry-meta.entry-meta-bottom .date-author>span:after {
  background-color: #e5e5e5;
}

body.light blockquote {
  border-left: 2px solid #d8d8d8;
}

@media only screen and (max-width: 1024px) {
  body.light .header {
    background-color: #04b4e0;
  }

  body.light ul.main-menu a {
    color: #fff;
  }

  body.light .menu-toggle {
    background-color: #04b4e0;
  }

  body.light .menu-toggle span {
    background: #fff;
  }

  body.light .lmpixels-arrows-nav {
    background-color: rgba(255, 255, 255, .6);
    border: 2px solid #04b4e0;
  }
}

@media only screen and (max-width: 768px) {

  body.light .portfolio-page-carousel .owl-nav .owl-prev,
  body.light .portfolio-page-carousel .owl-nav .owl-next {
    background-color: rgba(255, 255, 255, .55);
  }
}

body.light .fw-pricing .fw-package {
  background-color: #fff;
  border: 2px solid #e5e5e5;
}

body.light .fw-pricing .fw-package:hover,
body.light .fw-pricing .fw-package-wrap.highlight-col .fw-package:hover {
  -webkit-box-shadow: 0 18px 24px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 18px 24px rgba(0, 0, 0, .15);
  -o-box-shadow: 0 18px 24px rgba(0, 0, 0, .15);
  box-shadow: 0 18px 24px rgba(0, 0, 0, .15);
}

body.light .fw-pricing .fw-package-wrap.highlight-col .fw-heading-row span:after {
  background-color: #04b4e0;
}

body.light .fw-pricing .fw-pricing-row span {
  color: #333;
}

body.light .fw-pricing .fw-pricing-row small {
  color: #aaa;
}

body.light .fw-pricing .fw-price-icon-no:before {
  color: #e87878;
}

body.light .fw-pricing .fw-price-icon-yes:before {
  color: #ade878;
}

body.light .fw-table table {
  border: 1px solid #eee;
}

body.light .fw-table table tr,
body.light .fw-table table tr.heading-row {
  border-bottom: 1px solid #eee;
}

body.light .fw-table table th {
  border-right: 1px solid #eee;
}

body.light .fw-table table td {
  border-right: 1px solid #eee;
}

body.light .title-block .sp-subtitle {
  color: #888;
}

body.light .start-page .mask {
  background: rgba(10, 10, 10, 0.45);
}

body.light .fun-fact {
  background: #fff;
  border: 2px solid #e5e5e5;
}
body.light .wakatime {
  background: #fff;
  border: 2px solid #e5e5e5;
}

body.light .fun-fact:hover {
  -webkit-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
  box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
}

body.light .fun-fact.gray-bg {
  background-color: #fcfcfc;
}

body.light .fun-fact i {
  color: #04b4e0;
}

body.light .fun-fact .lm-info-block {
  color: #04b4e0;
}

body.light .fun-fact-block-value {
  color: #aaa;
}

body.light .alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

body.light .alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

body.light .alert .close {
  color: #000;
  text-shadow: 0 1px 0 #fff;
}

body.light .alert .close:focus,
body.light .alert .close:hover {
  color: #000;
}