@motive: #fe988a;

 .ct-u-motiveColor {
   color: @motive;
 }
.select2-search--dropdown {
   background-color: @motive;
}
.ct-navbarSelect{
  background-color: @motive;
}
.ct-navbarSelect {
   &:before, &:after
   {
     background-color: @motive;
   }
}
.widget {
  .widget-inner {
     .ct-logo {
           span {
        color: @motive;
      }
    }
  }
}
.ct-footer {
  .widget {
    .widget-inner {
      .ct-calendarLists li {
        .ct-calendarLists-element {
          background-color: @motive;
          border-right: 2px solid @motive;
        }
      }
    }
  }

.ct-footerBottom {
  ul li {
    &:hover {
      color: @motive;
    }
  }
}
}
.tooltip {
  .tooltip-inner {
    background-color: @motive;
  }
}
.tooltip.top .tooltip-arrow {
  border-top-color: @motive;
}

.panel-group {
  .panel-heading {
    a {
      color:@motive;
      &:before {
        background-color: @motive;
      }
    }
  }
}

.btn{
  &.btn-primary {
    background-color: @motive;
    border-color: @motive;
    &:hover, &:focus, &:active{
      color: @motive;
    }
    &.btn-transparent--border {
      color: @motive;
      &:hover, &:focus, &:active{
        background-color: @motive;
      }
    }
  }
}

.ct-btn--squared{
  &.btn-primary {
    background-color: @motive;
    &:hover, &:focus, &:active{
      color: @motive;
      border-color: @motive;
    }
  }
}

.btn-arrow{
  &:after{
    background-color: @motive;
  }
}

.bootstrap-datetimepicker-widget {
  border: 2px solid @motive;
}
.input-group {
  &.date {
    .input-group-addon span,
    .input-group-addon i{
      color: @motive;
    }
  }
}

.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
  background-color: @motive;
}
.bootstrap-datetimepicker-widget th.picker-switch {
  color: @motive;
}
.table-condensed thead tr:nth-child(2) {
  color:@motive;
}

.input-group.date{
  .input-group-addon{
    border: 2px solid @motive;
  }
  .form-control{
    border: 2px solid @motive;
  }
}
.form-control:focus {
  border-color: @motive!important;
}

.ct-emailBox {
  input[type="search"]::-webkit-input-placeholder {
    color:@motive;
  }
  input[type="search"]::-moz-placeholder {
    color:@motive;
  }
  input[type="search"]::-:-ms-input-placeholder {
    color:@motive;
  }
}

.checkbox{
  label{
    &:after{
      color: @motive;
    }
  }
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-color: @motive;
}
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
  background-color: @motive!important;
}

.ct-single-point.is-open > a::after {
  background-color: #fe988a;
}
.ct-single-point.is-open > a::before {
  background-color: #fe988a;
}
.ct-gallery-filters{
  li{
    &:hover, &:focus, &:active {
      a {
        color: @motive;
        &:hover, &:focus, &:active {
          color:@motive;
        }
      }
    }
  }
}
.ct-gallery-filters li > a.active {
  color:@motive;
}

.ct-formatAnotherGallery {
  .ct-navigation--variation1 {
    .owl-controls {
      .owl-buttons {
        .owl-prev
        {
          color: @motive;
        }
        .owl-next {
          color: @motive;
        }
      }
    }
  }
}

.ct-formatGallery {
  .ct-pagination--BottomLeft {
    .owl-controls {
      .owl-pagination {
        .owl-page.active span {
          background-color: @motive;
        }
        .owl-page:hover span {
          background-color: @motive;
        }
      }
    }
  }
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
  &:hover,&:active {
    color: @motive;
  }
}
.owl-theme .owl-controls .owl-buttons .owl-next{
  &:hover,&:active {
    color: @motive;
  }
}
.ct-socials{
  i {
    &:hover, &:active, &:focus{
      color: @motive;
    }
  }
}
.ct-socials--roundedBox {
  li {
    a {
      background-color: @motive;
      border: 1px solid @motive;
      &:hover, &:active, &:focus{
        border: 1px solid @motive;
        i {
          color:@motive;
        }
      }
    }
  }
}
.ct-u-motiveColor {
  color: @motive;
}
.ct-u-backgroundMotiveColor{
  background-color: @motive;
}
.mfp-arrow {
  &:hover{
    color: #fe988a;
  }
}
.navbar.navbar-default {
  .dropdown .dropdown-menu {
    > li > a:hover, .dropdown-menu > li > a:focus {
      color: @motive;
    }
  }
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: @motive;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: @motive;
}
.navbar-nav > li:not(:last-child) > a:after{
  background-color: @motive;
}
.navbar-default {
  .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    color:@motive;
  }
}
.ct-navbarMobile{
  .navbar-toggle{
    background-color: @motive;
  }
}
.ct-menuMobile {
  background: @motive;
  .ct-menuMobile-navbar {
    li {
        a {
          &:focus &:hover, &:active, &:visited {
            background-color: @motive;
          }
        }
    }
    .dropdown-menu {
      background-color: @motive;
    }
  }
  li {
    &.dropdown, .dropdown-submenu {
      > a {
        &:after {
          color: @motive;
        }
      }
    }
  }
}
.ct-itemProducts {
  .ct-main-content {
    .ct-icons {
      li {
        i {
          color: @motive;
        }
      }
    }
  }
}
.ct-offerBox {
  .ct-offerBox--button {
    background-color: @motive;
    &:before {
      border-color: transparent transparent transparent #db6e5f;
    }
  }
}
.ct-offerService-price {
  background-color: @motive;
}
.ct-testimonials--frame {
  .ct-testimonials-image {
    &:before {
      border: 2px solid @motive;
    }
  }
}
.ct-featuredBox {
  background-color: @motive;
  .ct-articleBox {
    .ct-articleBox-date {
      .ct-articleBox-dateDay {
        color: @motive;
      }
    }
  }
  span {
    &:before {
      border-color: transparent transparent #e88679 transparent;
    }
  }
}
.ct-stretchedBox {
  &:after {
    background-color: @motive;
  }
}
.ct-blogBox {
  .ct-articleBox {
    .ct-articleBox-meta {
      color: @motive;
    }
  }
}
.ct-blogTags-threeType {
  li {
    a {
      &:hover, &:active, &:focus {
        border-color: @motive;
        color: @motive;
      }
    }
  }
}
.ct-navigationBlog {
  a {
    &:hover, &:focus {
      color: @motive;
    }
  }
}
.ct-comments {
  .ct-comments-author {
    color: @motive;
  }
}
.ct-blogBox {
  .ct-articleBox {
    .ct-articleBox-header {
      a {
        &:hover, &:focus, &:active {
          color: @motive;
        }
      }
      }
    }
  }

.ct-blogTags {
  li {
    a {
      &:hover, &:active, &:focus {
        color: @motive;
      }
    }
  }
}
.ct-blogTags-secondType {
  li {
    a {
      &:hover, &:active, &:focus {
        color: @motive;
      }
    }
  }
}
.ct-scrollUpButton .ct-sectionButton-circle {
  &:hover {
    background-color: @motive;
  }
}
.table {
  thead {
    background-color: @motive!important;
  }
}
.ct-hover--MotiveColor {
  li {
    a {
      &:hover {
        color:@motive;
      }
    }
  }
}
a {
  &:hover, &:active, &:focus {
    color: @motive;
  }
}

.ct-footerUp {
  .tweets_display {
    ul {
      li {
        p {
          .tweet_time {
            a {
              color: @motive;
            }
          }
        }
      }
    }
  }
  }
.navbar.navbar-default {
  .dropdown .dropdown-menu {
    .active > a, .active > a:hover, .active > a:focus {
      color: @motive!important;
    }
  }
}

.ct-counterBox {
  small {
    color: @motive;
  }
}
.ct-counterBox--secundary {
  .ct-counterBox-icon {
    background-color: @motive;
  }
}
.ct-pricingBox {
  .ct-pricingBox-header {
    background-color: @motive;
  }
  .ct-pricingBox-content {
    ul{
      > li {
          &.active {
            i {
            color: @motive;
        }
          }
      }
    }
  }
}
.ct-iconBox {
  .ct-iconBox-icon {
    background-color: @motive;
  }
}
.ct-progressBar{
  .progress{
    .progress-bar{
      &.progress-bar--motive{
        background-color: @motive;
      }
      .ct-progressBar-content{
        background-color: @motive;
      }
    }
  }
}

.ct-more-info {
  .ct-moreInfo-button {
    background-color: @motive;
    border: 1px solid @motive;
    &:hover, &:active, &:focus {
      border-color: @motive;
      span {
        color:@motive;
      }
    }
  }
}

.bootstrap-datetimepicker-widget td.today:before {
  border-bottom: 7px solid @motive!important;
}

.bootstrap-datetimepicker-widget td span.active {
  background-color: @motive!important;
}