/* Scss Document */
/* Generated by Navidu Thisara Dillimuni on Oct 21, 2017 */
html, body, BODY {
  color: #787878 !important; }

h2 {
  color: #525252; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

/* ===================================================Navigation Bar START===================================================*/
.cons-nav .navbar-default {
  border-color: transparent;
  background-color: transparent; }
  .cons-nav .navbar-default .navbar-nav > li > a {
    color: #fff; }
    .cons-nav .navbar-default .navbar-nav > li > a:hover {
      color: #10c9c3; }
  .cons-nav .navbar-default .navbar-nav .active {
    color: #00fff6; }
  .cons-nav .navbar-default .navbar-nav > .active > a {
    background-color: transparent; }
  .cons-nav .navbar-default .navbar-collapse {
    border-color: transparent; }

/* ===================================================Navigation Bar END===================================================*/
/* ===================================================Slider START===================================================*/
.cons-slider .cons-nav-pills li a {
  color: #10c9c3; }
.cons-slider .cons-nav-pills li.active a {
  background: #10c9c3;
  color: #fff; }
  .cons-slider .cons-nav-pills li.active a:focus, .cons-slider .cons-nav-pills li.active a:hover {
    background: #10c9c3; }

/* ===================================================Slider END===================================================*/
/* ===================================================About Us START===================================================*/
.cons-about-us {
  background: #fafafa; }
  .cons-about-us p {
    color: #ababab; }
  .cons-about-us .feature-content {
    padding-top: 23px; }
    .cons-about-us .feature-content .feature a {
      color: #10c9c3; }
      .cons-about-us .feature-content .feature a:hover {
        color: #787878; }
        .cons-about-us .feature-content .feature a:hover img:hover, .cons-about-us .feature-content .feature a:hover h4:hover {
          opacity: 0.4;
          transition: width 1s;
          -moz-transition: 1s;
          -webkit-transition: 1s;
          -o-transition: 1s; }

/* ===================================================About Us END===================================================*/
/* ===================================================Skills START===================================================*/
.cons-skills {
  background: url(../../../images/skil-bg.jpg) no-repeat; }
  .cons-skills .unique-skill .skill-progress-bar {
    background: #dedede; }
    .cons-skills .unique-skill .skill-progress-bar .progress-bar {
      background: #10c9c3; }

/* ===================================================Skills END===================================================*/
/* ===================================================Rates START===================================================*/
.cons-rates {
  background: #10c9c3;
  color: #fff; }

/* ===================================================Rates END===================================================*/
/* ===================================================Gallery START===================================================*/
.cons-squ-imgs .unique-squ-img {
  padding: 0; }
  .cons-squ-imgs .unique-squ-img .overlay {
    background-color: rgba(0, 0, 0, 0.5); }
    .cons-squ-imgs .unique-squ-img .overlay .fa-eye {
      color: #fff; }
      .cons-squ-imgs .unique-squ-img .overlay .fa-eye:hover {
        color: #10c9c3; }
.cons-squ-imgs .lord-more-work {
  background: #f5f5f5; }
  .cons-squ-imgs .lord-more-work a {
    color: #10c9c3;
    text-decoration: none; }
    .cons-squ-imgs .lord-more-work a:hover {
      color: #787878;
      text-decoration: none;
      opacity: 0.4;
      transition: width 1s;
      -moz-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s; }

/* ===================================================Gallery END===================================================*/
/* ===================================================Contact us START===================================================*/
.cons-contact-us .video-cover {
  background: rgba(255, 255, 255, 0.5); }
  .cons-contact-us .video-cover .contact-form {
    background: rgba(255, 255, 255, 0.5); }
    .cons-contact-us .video-cover .contact-form input, .cons-contact-us .video-cover .contact-form textarea {
      background: rgba(255, 255, 255, 0.7); }
    .cons-contact-us .video-cover .contact-form button {
      background: rgba(16, 201, 195, 0.7);
      border: none;
      color: #fff;
      width: 100%; }
      .cons-contact-us .video-cover .contact-form button:hover {
        background: rgba(14, 177, 172, 0.7); }

/* ===================================================Contact us END===================================================*/
/* ===================================================Footer START===================================================*/
.cons-footer .footer-top {
  background: #2f2f2f;
  color: #fff; }
  .cons-footer .footer-top li a {
    color: #787878; }
    .cons-footer .footer-top li a:hover {
      color: #10c9c3; }
  .cons-footer .footer-top .section-one li:nth-child(2) {
    color: #ababab; }
  .cons-footer .footer-top .section-one li:nth-child(3) {
    color: #787878; }
  .cons-footer .footer-top .social li {
    background: none repeat scroll 0 0 #787878; }
    .cons-footer .footer-top .social li:hover {
      background: #10c9c3; }
    .cons-footer .footer-top .social li a {
      color: #fff; }
      .cons-footer .footer-top .social li a i {
        color: #fff; }

/* ===================================================Footer END===================================================*/