
/* primary color */
.hero-section-2 .second-headline span,
.hero-section-video-dark .second-headline span,
.hero-section-yt-dark .second-headline span,
.about-icons li .icon .material-icons,
.quote-bottom .container h3 span,
.service-headline h2 span,
.service .text a:hover,
.service-2 .text a:hover,
.service .icons i,
.service-2 .icons i,
.info-line .info-icon i,
footer p a:hover,
.portfolio-icons li a i,
.service-icons li a i {
    color: #000000;
}
.social-icons li a:hover,
.contact-form .btn-default:hover,
.portfolio-icons li a:hover,
.service-icons li a:hover,
.service-form .btn-default:hover {
   background-color: #000000;
}
.contact-form .btn-default:hover,
.service-form .btn-default:hover {
   border-color: #000000;
}
/* primary color 2 */
.st-nav-trigger {
   box-shadow: 0 0 10px #000000;
}
@media only screen and (min-width: 992px) {
   #st-nav.is-fixed ul {
       box-shadow: 0 0 10px #000000;
   }
}
.st-nav-trigger span,
.st-nav-trigger.menu-is-open span::before,
.st-nav-trigger.menu-is-open span::after,
.image-section .btn-lg,
.social-icons li a {
   background: #000000;
}
/* primary color 3 */
.sweep-icon a .fa {
   color: #000000;
}
/* secondary color */
.our-work-section .new-style p a {
   color: #000000;
}
.sweep-layer h3 a:hover {
   color: #000000;
}
/* Gradients */
/* secondary and secondary 2 */
.call-to-section .btn-default {
   background: -ms-linear-gradient(left, #000000 0%, #00BBFF 100%);
   background: -moz-linear-gradient(left, #000000 0%, #00BBFF 100%);
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #00BBFF));
   background: -webkit-linear-gradient(left, #000000, #00BBFF 100%);
   background: linear-gradient(to right, #000000, #00BBFF 100%);
   border: 1px solid #000000;
}
/* secondary and primary 2 */
.hero-layer,.call-to-layer {
   background: -ms-linear-gradient(left, #000000 0%, #000000 100%);
   background: -moz-linear-gradient(left, #000000 0%, #000000 100%);
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #000000));
   background: -webkit-linear-gradient(left, #000000, #000000 100%);
   background: linear-gradient(to right, #000000, #000000 100%);
}
.portfolio-img .sweep-left,
.portfolio-img .sweep-right {
   background: -ms-linear-gradient(left, #000000 0%, #000000 100%);
   background: -moz-linear-gradient(left, #000000 0%, #000000 100%);
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #000000));
   background: -webkit-linear-gradient(left, #000000, #000000 100%);
   background: linear-gradient(to right, #000000, #000000 100%);
}
/* secondary 2 and primary 4 */
.gradient {
   background: -ms-linear-gradient(left, #00BBFF 0%, #000000 100%);
   background: -moz-linear-gradient(left, #00BBFF 0%, #000000 100%);
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #00BBFF), color-stop(1, #000000));
   background: -webkit-linear-gradient(left, #00BBFF, #000000 100%);
   background: linear-gradient(to right, #00BBFF, #000000 100%);
}