/*--------------------------------------------------------------------------------------------*/
:root {
  /* Brand Colors */
  --primary-blue: #249286;
  --secondary-blue: #249286;
  --primary-red: #249286;
  --primary-green: #249286;
  --primary-purple: #249286;
  --brand-grey: #808080;

  /* Text Colors */
  --text-primary: #56758d;
  --text-secondary: #63839c;
  --text-muted: #8ba6bc;
  --text-dark: var(--secondary-blue);
  --text-white: #fff;
  --text-nav: #7191aa;
  --text-author: #4a575f;
  --text-gray: #626264;
  --text-e8: #e8f9ff;
  --text-3c: #3c3c44;
  --light-blue-text: #baecff;

  /* Background Colors */
  --bg-white: #ffffff;
  --bg-light-blue-1: #eaf4fd;
  --bg-light-blue-2: #f1fafe;
  --bg-light-blue-3: #edf8ff;
  --bg-dark-1: var(--secondary-blue);
  --bg-dark-2: #323739;
  --bg-f1: #f1fafe;
  --bg-f3: #f3f6f8;
  --bg-f4: #f4f6f8;
  --bg-f4f8: #f4f8f9;
  --bg-f7: #f7f7f7;
  --bg-e2: #e2ebf2;
  --bg-eaf: #eaf0f2;

  /* Border Colors */
  --border-light: #e5ecf1;
  --border-dark: #2e495f;
  --border-input: #d9e4e9;
  --border-e1: #e1e9ef;
  --border-e0: #e0e7e9;
  --border-e2: #e2e7ea;
  --border-e4: #e4e9ee;
  --border-e9: #e9e9e9;
  --border-eee: #eee;
  --border-d0: #d0dbe4;
  --border-d4: #d4d9dc;
  --border-39: #39c8ff;

  /* Accent/Specific Colors */
  --accent-light: #c2eaff;
  --blue-hover: #0098d3;
  --green-hover: #59af3e;
  --green-darker: #3f6234;
  --light-cyan: #dcf5ff;
  --rating-gray: #baccd3;
  --price-old: #96acbd;
  --slider-bg: #bfcfd6;
  --dot-bg: #b6d1e2;
  --dot-gray: #b0c4c3;

  /* Fun Fact Variations */
  --fun-fact-1: var(--primary-green);
  --fun-fact-2: #6aca4b;
  --fun-fact-3: #64c245;
  --fun-fact-4: #5cba3d;

  /* Featured Service Colors */
  --featured-s2-1: #3a3aff;
  --featured-s2-2: #452dff;
  --featured-s2-3: #491fff;

  /* Overlays */
  --overlay-dark: rgba(36, 60, 79, 0.7);
  --overlay-darker: rgba(36, 60, 79, 0.9);
}

/*Buttons*/
.btn {
  border-color: var(--border-dark);
}

.btn-primary {
  border-color: var(--primary-red);
  background: var(--primary-red);
  color: var(--text-white);
}

.btn-primary:hover,
.btn-primary:focus {
  border-color: var(--primary-red);
  background: var(--primary-red);
  color: var(--text-white);
}

.btn-default {
  background: var(--primary-blue);
  border-color: var(--primary-blue);
  color: var(--text-white);
}

.btn-default:hover,
.btn-default:focus {
  border-color: var(--primary-green);
  background: var(--primary-green);
  color: var(--text-white);
}

.btn-success {
  background: var(--primary-green);
  border-color: var(--primary-green);
  color: var(--text-white);
}

.btn-success:hover,
.btn-success:focus {
  border-color: var(--primary-red);
  background: var(--primary-red);
  color: var(--text-white);
}

.btn-outline {
  border-color: #333;
}

.btn-outline.blue {
  border: 2px solid var(--primary-blue);
  background: var(--primary-blue);
  color: var(--text-white);
  padding: 10px 25px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn-outline.blue:hover,
.btn-outline.blue:focus {
  background: #0e4e50;
  border-color: #0e4e50;
  color: white;
  box-shadow: 0 4px 12px rgba(20, 109, 112, 0.2);
}

.btn-outline.white {
  border-color: var(--text-white);
  color: var(--text-white);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.btn-outline.white:hover,
.btn-outline.white:focus {
  background: var(--primary-blue);
  color: white;
}

/*Section Title*/
.sectionTitle:after {
  background: var(--primary-blue);
}

.sectionTitle h2 {
  color: var(--secondary-blue);
}

.sectionTitle p {
  color: var(--text-primary);
}

.sectionTitle.white:after {
  background: var(--text-white);
}

.sectionTitle.white h2 {
  color: var(--text-white);
}

.sectionTitle.white p {
  color: var(--text-white);
}

.sectionTitle.white2 h2 {
  color: var(--text-white);
}

.sectionTitle.white2 p {
  color: var(--text-primary);
}

/*Short Clases*/
.bgcf.row {
  background: var(--text-white);
}

.bgiLess.row {
  background-image: none;
}

/*--------------------------------------------------------------------------------------------*/
/*Header*/
.top-bar {
  background: #0f5254;
  padding: 8px 0;
  font-size: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.top-bar .welcome-message {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
}

.top-bar .top-nav a {
  color: rgba(255, 255, 255, 0.8);
  padding: 0 12px;
  transition: color 0.3s ease;
}

.top-bar .top-nav a:hover {
  color: #fff;
  background: transparent;
}

.top-bar .top-nav .tel a {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
  padding: 4px 12px;
  margin-left: 10px;
}

.top-bar.style2 {
  background: white;
  border-bottom-color: var(--border-light);
}

@media (max-width: 991px) {
  .top-bar.style2 .top-nav {
    border-top-color: var(--border-light);
  }
}

.top-bar.style2 .top-nav li {
  border-left-color: var(--border-light);
}

.top-bar.style2 .top-nav .email a {
  color: var(--text-secondary);
}

.top-bar.style2 .top-nav .tel a {
  background: var(--primary-blue);
  color: var(--text-white);
}

.top-bar.style2 .top-nav a {
  color: var(--text-muted);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.top-bar.style2 .top-nav a:hover,
.top-bar.style2 .top-nav a:focus {
  background: var(--primary-blue);
  color: white;
}

.top-bar.style3 {
  background: white;
  border-bottom-color: var(--border-light);
}

@media (max-width: 991px) {
  .top-bar.style3 .top-nav {
    border-top-color: var(--border-light);
  }
}

.top-bar.style3 .top-nav li {
  border-left-color: var(--border-light);
}

.top-bar.style3 .top-nav .email a {
  color: var(--text-secondary);
}

.top-bar.style3 .top-nav .tel a {
  background: var(--primary-green);
  color: var(--text-white);
}

.top-bar.style3 .top-nav a {
  color: var(--text-muted);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.top-bar.style3 .top-nav a:hover,
.top-bar.style3 .top-nav a:focus {
  background: var(--primary-green);
  color: white;
}

/*--------------------------------------------------------------------------------------------*/
/*Navigation*/
.navbar-default {
  background: #fff;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
  border: none;
  min-height: 80px;
  /* padding-top: 10px; */
}

.navbar-default .navbar-brand img {
  max-height: 50px;
  transition: transform 0.3s ease;
}

.navbar-default .navbar-brand:hover img {
  transform: scale(1.02);
}

.navbar-default .navbar-nav li a {
  color: var(--secondary-blue);
  font-weight: 500;
  font-size: 15px;
  padding: 25px 15px;
  transition: all 0.3s ease;
  position: relative;
}

.navbar-default .navbar-nav li a:after {
  content: '';
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  height: 2px;
  background: var(--primary-blue);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li.active a {
  color: var(--primary-blue);
  background: transparent !important;
}

.navbar-default .navbar-nav li a:hover:after,
.navbar-default .navbar-nav li.active a:after {
  transform: scaleX(1);
}

.navbar-default .navbar-nav li .dropdown-menu {
  border: none;
  border-top: 3px solid var(--primary-blue);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.navbar-default.style2 {
  background: #fff;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #eee;
}

.navbar-default.style2 .navbar-nav li a {
  color: #444;
  font-weight: 500;
}

.navbar-default.style2 .navbar-nav li a:hover,
.navbar-default.style2 .navbar-nav li.active a {
  color: var(--primary-blue);
}

/*--------------------------------------------------------------------------------------------*/
.site-footer {
  background: #0f5254;
  color: rgba(255, 255, 255, 0.7);
  padding: 50px 0 0;
  font-size: 13.5px;
}

.footer-widget {
  margin-bottom: 24px;
}

.footer-logo img {
  filter: brightness(0) invert(1);
  margin-bottom: 25px !important;
}

.footer-about p {
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.7;
  font-size: 13px;
}

.footer-social-icons a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  margin-right: 6px;
  transition: all 0.3s ease;
  font-size: 12px;
}

.footer-social-icons a:hover {
  background: var(--primary-blue);
  transform: translateY(-3px);
  color: #fff;
}

.site-footer .half-side:last-child:before {
  background: var(--primary-blue);
}

.footer-about p {
  color: var(--text-secondary);
}

.copyright-row {
  color: var(--text-secondary);
  border-color: var(--border-dark);
}

.copyright-row a {
  color: var(--text-white);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.copyright-row a:hover,
.copyright-row a:focus {
  background: none;
  color: var(--primary-blue);
}

.footer-title {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 18px;
  position: relative;
  padding-bottom: 10px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.footer-title:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 2px;
  background: rgba(255, 255, 255, 0.4);
}

.footer-nav li {
  margin-bottom: 7px;
}

.footer-nav li a {
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
  padding: 0;
  font-size: 13px;
}

.footer-nav li a i {
  color: var(--primary-blue);
  margin-right: 8px;
  font-size: 12px;
}

.footer-nav li a:hover {
  color: #fff;
  padding-left: 8px;
}

.footer-contact-list li {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 11px;
  display: flex;
  align-items: flex-start;
  font-size: 13px;
}

.footer-contact-list li i {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  margin-right: 10px;
  margin-top: 3px;
  flex-shrink: 0;
}

.footer-contact-list li a {
  color: rgba(255, 255, 255, 0.7);
  transition: color 0.3s ease;
}

.footer-contact-list li a:hover {
  color: #fff;
}

.copyright-row-full {
  padding: 16px 0;
  background: rgba(0, 0, 0, 0.18);
  margin-top: 28px;
}

.copyright-row-full p {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}

.newsletter-form .form-control {
  color: var(--secondary-blue);
}

.newsletter-form .form-control::-moz-placeholder {
  color: var(--secondary-blue);
}

.newsletter-form .form-control:-ms-input-placeholder {
  color: var(--secondary-blue);
}

.newsletter-form .form-control::-webkit-input-placeholder {
  color: var(--secondary-blue);
}

/*--------------------------------------------------------------------------------------------*/
/*Expertise*/
.expertise-intro {
  color: var(--text-primary);
}

.expertise-intro:after {
  background: var(--accent-light);
}

.expertise-circle .block {
  color: var(--text-primary);
}

.expertise-circle .block:before {
  background: var(--primary-green);
  border-color: var(--text-white);
}

.expertise-circle .block.pos-left {
  left: 0;
}

.expertise-circle .block.pos-right {
  right: 0;
}

/*--------------------------------------------------------------------------------------------*/
/*Service Blocks*/
.service-block .inner {
  background: var(--text-white);
  border-top-color: var(--primary-blue);
}

.service-block .icon-holder[data-icon="1"] {
  background: var(--primary-red);
}

.service-block .icon-holder[data-icon="2"] {
  background: var(--primary-green);
}

.service-block .icon-holder[data-icon="3"] {
  background: var(--primary-purple);
}

.service-block .this-title {
  color: var(--secondary-blue);
}

.service-block .this-summary {
  color: var(--text-primary);
}

.service-block .more {
  color: var(--secondary-blue);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.service-block .more:hover,
.service-block .more:focus {
  background: none;
  color: var(--primary-blue);
}

.service-block.style3 .inner {
  border-top-color: var(--text-white);
}

/*More Services*/
.more-services:before {
  background: var(--accent-light);
}

.service-block2 .icon-holder {
  background: var(--primary-blue);
}

.service-block2 .this-title {
  color: var(--secondary-blue);
}

.service-block2 .this-summary {
  color: var(--text-primary);
}

.featured-service-block {
  background: var(--primary-blue);
}

.featured-service-block+.featured-service-block {
  border-left-color: #2ec5ff;
}

.featured-service-block .this-title a {
  color: var(--text-white);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.featured-service-block .this-title a:hover,
.featured-service-block .this-title a:focus {
  background: none;
  color: var(--secondary-blue);
}

.featured-service-block .this-summary {
  color: var(--light-blue-text);
}

.featured-service-block .this-expand {
  background: var(--primary-green);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.featured-service-block .this-expand:hover,
.featured-service-block .this-expand:focus {
  background: var(--primary-red);
  color: white;
}

.featured-service-block.style2 {
  background: var(--featured-s2-1);
}

.featured-service-block.style2+.style2 {
  border-left: none;
}

.featured-service-block.style2:nth-child(2) {
  background: var(--featured-s2-2);
}

.featured-service-block.style2:nth-child(3) {
  background: var(--featured-s2-3);
}

.featured-service-block .more {
  color: var(--secondary-blue);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.featured-service-block .more:hover,
.featured-service-block .more:focus {
  background: none;
  color: var(--primary-blue);
}

.featured-service-block.style3 .this-title a {
  color: var(--secondary-blue);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.featured-service-block.style3 .this-title a:hover,
.featured-service-block.style3 .this-title a:focus {
  background: none;
  color: var(--primary-blue);
}

.featured-service-block.style3 .this-summary {
  color: var(--text-primary);
}

/*Product Based Services*/
.product-based-services {
  background: var(--bg-f1);
}

.product-based-service .text-holder p {
  color: var(--text-primary);
}

/*--------------------------------------------------------------------------------------------*/
/*Testimonial*/
.testimonials {
  background: var(--primary-purple);
}

.testimonial-slides .quotes {
  color: #ded3ff;
}

.testimonial-slides .client-id {
  color: var(--text-white);
}

.testimonial-slides .client-id:before {
  background: var(--text-white);
}

.testimonial-slides .owl-dot {
  color: #51b848;
}

.testimonial-slides .owl-dot.active {
  color: var(--text-white);
}

/*--------------------------------------------------------------------------------------------*/
/*Study Block*/
.project-studies {
  background: #eaf4fd;
}

.project-studies:before {
  background-color: var(--primary-green);
  z-index: 0;
}

.study-block .block-inner {
  border-color: var(--text-white);
  background: var(--text-white);
}

.study-block .block-inner:after {
  border-left-color: transparent;
  border-bottom-color: var(--text-white);
}

.study-block .rotate-back {
  background: var(--text-white);
}

.study-block .study-about .this-case {
  color: var(--secondary-blue);
}

.study-block-carousel .owl-dot {
  color: var(--text-white);
}

.study-block2 .this-title {
  background: var(--text-white);
}

.study-block2 .title-text {
  color: var(--secondary-blue);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.study-block2 .title-text:hover,
.study-block2 .title-text:focus {
  background: none;
  color: var(--primary-blue);
}

.study-block2 .target-page {
  background: var(--primary-green);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.study-block2 .target-page:hover,
.study-block2 .target-page:focus {
  background: var(--primary-red);
  color: white;
}

/*--------------------------------------------------------------------------------------------*/
/*Served Clients*/
.served-clients {
  background: #eaf4fd;
}

/*--------------------------------------------------------------------------------------------*/
/*Served Clients*/
.rev_slider .welcome-Title {
  color: var(--secondary-blue);
}

.rev_slider .welcome-Title.color-fff {
  color: var(--text-white);
}

.rev_slider .welcome-Title:after {
  background: var(--primary-blue);
}

.rev_slider .welcome-Title2 {
  background: var(--primary-blue);
}

.rev_slider .welcome-Content.color-fff {
  color: var(--text-white);
}

.rev_slider .welcome-Content2 {
  color: #869cae;
}

.rev_slider .welcome-Content2.color-fff {
  color: var(--text-white);
}

.rev_slider .check-o-list {
  color: var(--text-white);
}

.rev_slider .slide-Video {
  border-color: var(--text-white);
}

/*--------------------------------------------------------------------------------------------*/
/*Project Contact Banner*/
.project-contact-banner {
  background: var(--primary-green);
}

.project-contact-banner h2 {
  color: var(--text-white);
}

.project-contact-banner p {
  color: #487f36;
}

/*--------------------------------------------------------------------------------------------*/
/*Revenue Chart*/
.revenue-chart p {
  color: var(--text-primary);
}

.check-o-list {
  color: var(--text-primary);
}

.check-o-list i {
  color: var(--primary-blue);
}

/*--------------------------------------------------------------------------------------------*/
/*Page Cover*/
.page-cover .page-title {
  color: var(--secondary-blue);
}

.page-cover .page-title:after {
  background: var(--primary-blue);
}

.page-cover2 {
  color: var(--text-white);
}

.page-cover2:before {
  background: var(--overlay-dark);
}

.page-cover2 .sub-h4:after {
  background: var(--primary-blue);
}

.page-cover2 p {
  color: #c4ced5;
}

/*--------------------------------------------------------------------------------------------*/
/*About Us*/
.about-brief p {
  color: var(--text-primary);
}

.why-choose {
  background: var(--primary-blue);
}

.choose-cause .icon-holder.red {
  background: var(--primary-red);
}

.choose-cause .icon-holder.green {
  background: var(--primary-green);
}

.choose-cause .icon-holder.blue {
  background: var(--primary-purple);
}

.choose-cause .this-title {
  color: var(--text-white);
}

.choose-cause .this-about {
  color: var(--light-blue-text);
}

/*Team*/
.team-member .img-holder {
  background: var(--secondary-blue);
}

.team-member .hover-box p {
  color: #a6bbcc;
}

.team-member .social-nav li a {
  color: #a6bbcc;
}

.team-member .hover-trigger {
  background: var(--primary-green);
}

.team-member .hover-trigger.open {
  background: var(--primary-red);
}

.team-member .hover-trigger.open img {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.team-member .this-title {
  color: var(--secondary-blue);
}

.team-member .this-position {
  color: var(--text-primary);
}

/*About Blocks*/
.about-blocks {
  background-color: var(--primary-green);
}

.about-block .this-title {
  color: var(--text-white);
}

.about-block .this-title:after {
  background: var(--green-hover);
}

.about-block .this-about {
  color: var(--green-darker);
}

.about-block.style2 .this-title {
  color: var(--secondary-blue);
}

.about-block.style2 .this-about {
  color: var(--text-primary);
}

/*--------------------------------------------------------------------------------------------*/
/*Contact Us*/
.contact-text {
  color: #56758d;
}

.contact-form .form-control {
  border-color: var(--border-input);
  background: var(--bg-f1);
  color: var(--text-primary);
}

.contact-form .form-control::-moz-placeholder {
  color: var(--text-primary);
}

.contact-form .form-control:-ms-input-placeholder {
  color: var(--text-primary);
}

.contact-form .form-control::-webkit-input-placeholder {
  color: var(--text-primary);
}

.contact-form .form-control+.error {
  color: var(--text-primary);
}

.contact-form .form-control:focus {
  border-color: var(--primary-blue);
}

#success {
  color: var(--primary-green);
}

#error {
  color: var(--primary-red);
}

.contact-infos {
  background: var(--primary-blue);
}

.contact-info .media {
  color: var(--text-white);
}

.contact-info .this-title:after {
  background: #0098d3;
}

.contact-info .list-unstyled li {
  color: #e8f9ff;
}

.contact-info .list-unstyled li a {
  color: #e8f9ff;
}

/*--------------------------------------------------------------------------------------------*/
/*Sidebar*/
.sidebar .widget {
  background: #e2ebf2;
}

.sidebar .widget-title {
  color: var(--secondary-blue);
}

.sidebar .widget-search {
  background: var(--primary-blue);
}

.sidebar .widget-search .widget-title {
  color: var(--text-white);
}

.sidebar .widget-search .form-control {
  color: var(--text-primary);
}

.sidebar .widget-search .form-control::-moz-placeholder {
  color: var(--text-primary);
}

.sidebar .widget-search .form-control:-ms-input-placeholder {
  color: var(--text-primary);
}

.sidebar .widget-search .form-control::-webkit-input-placeholder {
  color: var(--text-primary);
}

.sidebar .widget-search button {
  background: var(--text-white);
  color: var(--text-primary);
}

.sidebar .widget-nav li a {
  color: var(--secondary-blue);
}

.sidebar .popular-post+.popular-post {
  border-color: #d0dbe4;
}

.sidebar .popular-post .this-title a {
  color: var(--secondary-blue);
}

.sidebar .popular-post .by-date {
  color: var(--text-primary);
}

.sidebar .popular-post .by-date a {
  color: var(--text-primary);
}

/*--------------------------------------------------------------------------------------------*/
/*Posts*/
.post-header .this-title {
  border-color: var(--border-e1);
}

.post-header .title-link .title {
  color: var(--secondary-blue);
}

.post-date .dd {
  border-color: var(--border-e1);
  color: var(--secondary-blue);
}

.post-date .mm-yy {
  color: var(--text-primary);
}

.post-meta li {
  color: var(--text-primary);
}

.post-meta li i {
  color: var(--primary-blue);
}

.post-meta li a {
  color: var(--text-primary);
}

.post-body .fa-quote-left {
  color: var(--primary-green);
}

.post-body .this-summary {
  color: var(--text-primary);
}

.post-body .this-contents p {
  color: #3c3c44;
}

.post-body .this-contents h4 {
  color: var(--secondary-blue);
}

.post-body .quote-author {
  color: var(--secondary-blue);
}

.pagination li a {
  border-color: var(--border-e1);
  color: var(--secondary-blue);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.pagination li a:hover,
.pagination li a:focus {
  background: var(--primary-blue);
  color: white;
}

.pagination li.active a {
  background: var(--primary-blue);
  border-color: var(--primary-blue);
}

.blog-pager {
  border-color: #e9e9e9;
}

.blog-pager li a {
  color: var(--text-author);
}

.about-author .this-title {
  color: var(--text-author);
}

.about-author .this-role {
  color: var(--primary-green);
}

.about-author .this-social a {
  color: var(--text-author);
}

.about-author p {
  color: var(--text-author);
}

.related-post-title,
.comments-title,
.leave-comment-title {
  color: var(--text-author);
}

.related-posts .this-title {
  color: var(--text-author);
}

.comment {
  background: var(--bg-f3);
}

.comment .this-title {
  color: var(--text-author);
}

.comment .this-meta {
  color: var(--text-author);
}

.comment p {
  color: var(--text-author);
}

.comment .reply-link {
  color: var(--text-author);
}

.comment .reply-link i {
  color: var(--primary-blue);
}

.comment-form label {
  color: var(--text-author);
}

.comment-form .form-control {
  background: var(--bg-f7);
  border-color: #e2e7ea;
  color: var(--secondary-blue);
}

/*--------------------------------------------------------------------------------------------*/
/*Case Study*/
.case-studies {
  background: var(--bg-f1);
}

.gallery-filter {
  border-color: var(--border-e1);
}

.gallery-filter li {
  color: var(--secondary-blue);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.gallery-filter li:hover,
.gallery-filter li:focus {
  background: var(--primary-red);
  color: white;
}

.gallery-filter li:hover,
.gallery-filter li:focus {
  border-color: var(--primary-red);
}

.gallery-filter li.active {
  color: var(--primary-red);
  border-color: var(--primary-red);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.gallery-filter li.active:hover,
.gallery-filter li.active:focus {
  background: none;
  color: var(--primary-red);
}

.case-item .content-box {
  background: var(--text-white);
}

.case-item .this-title {
  color: var(--secondary-blue);
}

.case-item .this-summary {
  color: var(--text-primary);
}

.case-item .more {
  color: var(--secondary-blue);
  border-color: var(--primary-blue);
}

.case-item .hover-trigger {
  background: var(--primary-green);
}

.case-item.full-cont .hover-trigger {
  background: var(--primary-red);
}

.single-case p {
  color: var(--text-primary);
}

.case-pager li a {
  color: var(--text-primary);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.case-pager li a:hover,
.case-pager li a:focus {
  background: none;
  color: var(--primary-red);
}

.case-sub-title {
  color: var(--secondary-blue);
}

.case-sub-title:after {
  background: var(--primary-blue);
}

.related-case-title {
  color: var(--text-white);
}

.feature-point-title {
  color: var(--secondary-blue);
}

.feature-point-title:after {
  background: var(--primary-blue);
}

.feature-point-overview {
  color: var(--text-primary);
}

/*--------------------------------------------------------------------------------------------*/
/*Checkout*/
.checkout-heading {
  color: var(--secondary-blue);
}

.checkout-heading:after {
  background: var(--primary-blue);
}

.checkout-form .form-group label {
  color: var(--text-primary);
}

.checkout-form .form-group .form-control {
  border-color: var(--border-e0);
  background: var(--bg-f4f8);
}

.checkout-form .checkboxs input+label {
  color: var(--text-primary);
}

.checkout-form .checkboxs input+label:before {
  border-color: #d8d8d8;
}

.checkout-form .checkboxs input+label:after {
  background: var(--primary-blue);
}

.checkout-form .payments input+label {
  color: var(--text-primary);
}

.checkout-form .payments input+label:before {
  border-color: #d8d8d8;
}

.checkout-form .payments input+label:after {
  background: var(--secondary-blue);
}

.checkout-form .payments input+label+article {
  border-color: #d8d8d8;
  color: var(--secondary-blue);
}

/*--------------------------------------------------------------------------------------------*/
/*Fun Facts*/
.fun-fact:nth-child(1) {
  background: var(--primary-green);
}

.fun-fact:nth-child(2) {
  background: var(--fun-fact-2);
}

.fun-fact:nth-child(3) {
  background: var(--fun-fact-3);
}

.fun-fact:nth-child(4) {
  background: var(--fun-fact-4);
}

.fun-fact.style2 {
  background: var(--primary-purple);
}

.fact {
  color: var(--text-white);
}

/*--------------------------------------------------------------------------------------------*/
/*Free Analysis Form*/
.free-analysis-form {
  background: var(--primary-blue);
}

.free-analysis-form .this-title {
  color: var(--text-white);
}

.free-analysis-form .input-group {
  border-color: var(--border-39);
}

.free-analysis-form .form-control {
  color: var(--text-white);
}

.free-analysis-form .form-control::-moz-placeholder {
  color: var(--text-white);
}

.free-analysis-form .form-control:-ms-input-placeholder {
  color: var(--text-white);
}

.free-analysis-form .form-control::-webkit-input-placeholder {
  color: var(--text-white);
}

.free-analysis-form.style2 .input-group {
  border-color: var(--border-d4);
}

.free-analysis-form.style2 .form-control {
  color: var(--secondary-blue);
}

.free-analysis-form.style2 .form-control::-moz-placeholder {
  color: var(--secondary-blue);
}

.free-analysis-form.style2 .form-control:-ms-input-placeholder {
  color: var(--secondary-blue);
}

.free-analysis-form.style2 .form-control::-webkit-input-placeholder {
  color: var(--secondary-blue);
}

/*--------------------------------------------------------------------------------------------*/
/*Cart*/
.cart-table {
  border-color: var(--border-e0);
}

.cart-table thead tr th {
  color: var(--secondary-blue);
  border-color: var(--border-e0);
}

.cart-table tbody tr td {
  color: var(--text-primary);
}

.cart-table .media-body {
  color: var(--secondary-blue);
}

.cart-table input {
  border-color: var(--border-e4);
  color: var(--secondary-blue);
}

.cart-table .close {
  color: var(--primary-red);
}

.cart-related-boxs {
  border-color: var(--border-e0);
}

.cart-related-boxs .this-title {
  color: var(--secondary-blue);
  border-color: var(--border-e0);
}

.cart-related-boxs .bootstrap-select .btn {
  background: var(--bg-f4f8);
  border-color: var(--border-e0);
  color: var(--text-primary);
}

.cart-related-boxs .dl-horizontal {
  color: var(--text-primary);
}

.cupon-get .form-control {
  background: var(--bg-f4f8);
  border-color: var(--border-e0);
}

.cupon-get .input-group-addon {
  padding: 0;
  border: none;
}

/*--------------------------------------------------------------------------------------------*/
/*Services Features*/
.service-features .heading-row .this-title {
  color: var(--secondary-blue);
}

.service-features .heading-row .this-p {
  color: var(--text-primary);
}

.feature-sets+.feature-sets {
  border-color: rgba(86, 117, 141, 0.1);
}

.feature-sets:nth-child(2) .feature-set+.feature-set .media-left span {
  background: var(--dot-gray);
}

.feature-sets:nth-child(2) .feature-set .media-left span {
  background: var(--primary-red);
}

.feature-set+.feature-set {
  border-color: rgba(86, 117, 141, 0.1);
}

.feature-set+.feature-set .media-left span {
  background: var(--secondary-blue);
}

.feature-set .media-left span {
  background: var(--primary-blue);
  color: var(--f9fbfc);
}

.feature-set .this-title {
  color: var(--secondary-blue);
}

.feature-set p {
  color: var(--text-primary);
}

.some-text-this-service {
  background: var(--f9fbfc);
}

.some-text-this-service p {
  color: var(--text-primary);
}

.some-points .this-headings h2 {
  color: var(--secondary-blue);
}

.some-points .this-headings p {
  color: var(--text-primary);
}

.some-points .points-row {
  position: relative;
  margin: 0;
}

.some-points .point .point-title {
  color: var(--secondary-blue);
}

.some-points .point p {
  color: var(--text-primary);
}

.service-quote {
  background: var(--primary-blue);
  color: var(--text-white);
}

.service-quote:before {
  color: var(--primary-blue);
  border-color: var(--primary-blue);
  background: var(--text-white);
}

.free-analysis .this-title {
  color: var(--secondary-blue);
}

.free-analysis p {
  color: var(--text-primary);
}

.service-features2 .this-headings {
  color: var(--secondary-blue);
}

.service-features2 .this-heading-p {
  color: var(--text-primary);
}

.service-features2 .this-feature .media-left {
  color: var(--primary-blue);
}

.service-features2 .this-feature .this-title {
  color: var(--secondary-blue);
}

.service-features2 .this-feature p {
  color: var(--text-primary);
}

.service-process+.service-process:before {
  border-color: var(--secondary-blue);
}

.service-process .media-left span {
  color: var(--text-white);
  background: var(--primary-blue);
}

.service-process .this-title {
  color: var(--secondary-blue);
}

.service-process p {
  color: var(--text-primary);
}

.best-pro-tools {
  background: var(--fafbfc);
}

.best-pro-tools .this-title {
  color: var(--secondary-blue);
}

.best-pro-tools p {
  color: var(--text-primary);
}

.customer-feedback .this-title {
  color: var(--secondary-blue);
}

.customer-feedback blockquote span i {
  background: var(--primary-blue);
  color: var(--text-white);
}

.customer-feedback blockquote p {
  color: var(--text-primary);
}

.customer-feedback blockquote footer {
  color: var(--primary-blue);
}

.best-pro-tools2 {
  background: var(--bg-dark-2);
}

.best-pro-tools2 h2 {
  color: var(--text-white);
}

.trial-row {
  background: var(--black);
  color: var(--text-white);
}

.customer-feedback2 .this-title {
  color: var(--secondary-blue);
}

.customer-feedback2 .this-title i {
  color: var(--primary-blue);
}

.customer-feedback2 p {
  color: var(--secondary-blue);
}

.customer-feedback2 h4 {
  color: var(--primary-blue);
}

.service4-header .this-title {
  color: var(--secondary-blue);
}

.service4-header p {
  color: var(--text-primary);
}

.pro-content-marketing {
  background: var(--primary-blue);
  color: var(--text-white);
}

.pro-content-marketing p {
  color: #dcf5ff;
}

.watch-video .this-heading .media-left a {
  color: var(--primary-green);
  border-color: var(--primary-green);
}

.watch-video .this-heading .h1 {
  color: var(--secondary-blue);
}

.watch-video .this-heading .h2 {
  color: var(--secondary-blue);
}

.watch-video p {
  color: var(--text-primary);
}

.seo-features {
  background: #fafbfc;
}

.seo-features .h1 {
  color: var(--secondary-blue);
}

.seo-feature .media-left span {
  background: var(--primary-blue);
  color: var(--text-white);
}

.seo-feature h3 {
  color: var(--secondary-blue);
}

.seo-feature p {
  color: var(--text-primary);
}

.service-about5 .this-p {
  color: var(--text-primary);
}

.service-about5 .this-features li {
  color: var(--secondary-blue);
}

.service-about5 .this-features li .icon-holder {
  background: var(--primary-green);
}

.testimonial2 {
  background: var(--edf8ff);
}

.testimonial2 .testimonial2-carousel .testimonail-footer .this-title {
  color: var(--secondary-blue);
}

.testimonial2 .testimonial2-carousel .testimonail-footer .this-pos {
  color: var(--text-gray);
}

.testimonial2 .owl-dot {
  background: var(--dot-bg);
}

.testimonial2 .owl-dot.active {
  background: var(--primary-blue);
}

.testimonial2 p {
  color: var(--text-gray);
}

.similar-services {
  background: var(--secondary-blue);
}

.similar-service .inner {
  background: var(--text-white);
}

.similar-service .this-title {
  color: var(--secondary-blue);
}

.similar-service .this-about {
  color: var(--text-primary);
}

.similar-service .btn {
  border-color: #e6e6e6;
  color: var(--secondary-blue);
}

.similar-service .btn:hover,
.similar-service .btn:focus {
  border-color: var(--primary-blue);
  background: var(--primary-blue);
  color: var(--text-white);
}

.related-case2 .inner {
  border-color: var(--primary-blue);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.related-case2 .inner:hover,
.related-case2 .inner:focus {
  background: var(--light-blue-bg);
  color: none;
}

.related-case2 .this-title {
  color: var(--secondary-blue);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.related-case2 .this-title:hover,
.related-case2 .this-title:focus {
  background: none;
  color: var(--primary-blue);
}

.related-case2 .this-title:after {
  background: var(--primary-blue);
}

.related-case2 p {
  color: var(--text-primary);
}

/*Portfolio*/
.portfolio-item .text-holder {
  background: var(--text-white);
}

.portfolio-item .this-title {
  color: var(--secondary-blue);
}

.portfolio-item .this-cats {
  color: var(--text-primary);
}

.portfolio-item .details-btn {
  background: var(--primary-green);
}

.portfolio-item .details-btn img {
  width: auto;
}

.portfolio-item .details-btn.open {
  background: var(--primary-red);
}

.portfolio-details .this-title {
  color: var(--secondary-blue);
}

.portfolio-details .this-cats {
  color: var(--text-primary);
}

.portfolio-details .this-about p {
  color: var(--text-primary);
}

.portfolio-details .link {
  color: var(--primary-red);
}

/*Shop Sidebar*/
.shop-sidebar .widget+.widget+.widget {
  border-color: var(--border-eee);
}

.shop-sidebar .widget-title {
  color: var(--secondary-blue);
}

.product-search .form-control {
  color: var(--text-primary);
  background: var(--bg-eaf);
}

.product-search .form-control::-moz-placeholder {
  color: var(--text-primary);
}

.product-search .form-control:-ms-input-placeholder {
  color: var(--text-primary);
}

.product-search .form-control::-webkit-input-placeholder {
  color: var(--text-primary);
}

.product-search .input-group-addon button {
  color: var(--text-white);
  background: var(--primary-blue);
}

.price-range .price-bar {
  color: var(--secondary-blue);
}

.price-range .slider-range {
  background: var(--slider-bg);
}

.price-range .ui-slider-range {
  background: var(--secondary-blue);
}

.price-range .ui-slider-handle {
  background: var(--primary-blue);
}

.nav-widget li i {
  color: var(--secondary-blue);
}

.nav-widget li a {
  color: var(--text-primary);
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.nav-widget li a:hover,
.nav-widget li a:focus {
  background: none;
  color: var(--primary-blue);
}

.related-product .title a {
  color: var(--secondary-blue);
}

.related-product .proRating {
  color: var(--rating-gray);
}

.related-product .proRating .starred {
  color: var(--primary-blue);
}

.related-product .price {
  color: var(--primary-red);
}

/*Product*/
.product .sale-new-tag {
  background: var(--primary-red);
  color: #fff;
}

.product .hover-box {
  background: var(--overlay-darker);
}

.product .pro-title {
  color: #243c4f;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.product .pro-title:hover,
.product .pro-title:focus {
  background: none;
  color: var(--link-blue);
}

.product .pro-about {
  color: #56758d;
}

.product .proRating {
  color: var(--rating-gray);
}

.product .proRating .starred {
  color: var(--link-blue);
}

.product .price {
  color: var(--accent-ec);
}

.product .price del {
  color: var(--price-old);
}

/*DEtails*/
.product-details .quantity-cart {
  border-color: var(--border-eee);
}

.product-details .quantity {
  color: #243c4f;
  border-color: var(--border-e4);
}

.product-details .pro-cats {
  color: #243c4f;
}

.product-details .pro-cats a {
  color: #00b4fa;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.product-details .pro-cats a:hover,
.product-details .pro-cats a:focus {
  background: none;
  color: var(--accent-green);
}

.related-products {
  color: var(--pro-title-dark);
}

/*Shop Tabs*/
.shop-tabs .nav li a {
  color: #243c4f;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.shop-tabs .nav li a:hover,
.shop-tabs .nav li a:focus {
  background: var(--bg-f4);
  color: #243c4f;
}

.shop-tabs .nav li.active a {
  background: var(--bg-f4);
}

.shop-tabs .tab-pane {
  background: var(--bg-f4);
}

.shop-tabs .tab-pane p {
  color: #56758d;
}

.shop-tabs .tab-title {
  color: #243c4f;
}

.cta-banner {
  background: linear-gradient(135deg, var(--secondary-blue) 0%, #0b2f30 100%);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}