body {
  background:#fff!important
}
#call-to-action,#features,#heading,#why_budget_mkononi {
  background-color:#5d055d;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:50%;
  background-image:url(/static/img/features.jpg)
}
#call-to-action h1,#features h1,#heading h1,#why_budget_mkononi h1 {
  color:#fff;
  font-size:2.5rem;
  text-shadow:0 0 1px rgba(30,30,30,.5)
}
#call-to-action h3,#call-to-action p,#features h3,#features p,#heading h3,#heading p,#why_budget_mkononi h3,#why_budget_mkononi p {
  color:#fff
}
#call-to-action a,#features a,#heading a,#why_budget_mkononi a {
  color:#fff;
  text-decoration:none
}
#call-to-action {
  padding:12em 0
}
#call-to-action h1 {
  font-size:44px
}
.icon-circle {
  display:flex
}
.feature .icon-circle {
  display:none
}
@media (min-width:768px) {
  .heading-inner h1,.heading-inner img {
    padding-top:2em
  }
  #features-widget {
    position:relative
  }
  #features-widget img {
    display:block;
    width:360px;
    height:640px;
    margin-left:auto;
    margin-right:auto
  }
  .container {
    max-width:760px;
  }
  .fa-2x {
    font-size:1.2em !important;
  }
  .feature {
    position:absolute;
    width:120px;
    font-size:13px
  }
  .feature h3 {
    font-size:20px;
    font-weight:400
  }
  .feature .icon-circle {
    position:absolute;
    display:flex;
    top:0
  }
  .feature:hover .feature-icon-target {
    background:#5d055d;
    transform:scale(1.3)
  }
  .feature-icon-target {
    position:absolute;
    width:20px;
    height:20px;
    border-radius:10px;
    background:#00aa8d;
    transition:.2s ease
  }
  .feature-left {
    left:0;
    width:160px;
    text-align:right
  }
  .feature-left .icon-circle {
    right:-38px;
    width:35px;
    height:35px;
  }
  .feature-left .icon-circle:after {
    content:" ";
    top:34px;
    left:16px;
    width:50px;
    height:26px;
    position:absolute;
    background:url(/static/img/leftline.png) no-repeat 0;
  }
  .feature-left .feature-icon-target {
    top:50px;
    right:-80px
  }
  .feature-right {
    right:0;
    width: 160px;
  }
  .feature-right .icon-circle {
    left:-38px;
    width:35px;
    height:35px;
  }
  .feature-right .icon-circle:after {
    content:" ";
    top:34px;
    right:16px;
    width:40px;
    height:26px;
    position:absolute;
    background:url(/static/img/rightline.png) no-repeat -110px;
  }
  .feature-right .feature-icon-target {
    top:50px;
    left:-70px
  }
  #feature-1 {
    top:76px
  }
  #feature-2 {
    top:283px
  }
  #feature-3 {
    top:449px
  }
  #feature-4 {
    top:141px
  }
  #feature-5 {
    top:330px
  }
  #feature-6 {
    top:475px
  }
}
@media (min-width:992px) {
  .fa-2x {
    font-size:2em !important;
  }
  .container {
    max-width:990px;
  }
  #features-widget {
    position:relative
  }
  #features-widget img {
    display:block;
    width:360px;
    height:640px;
    margin-left:auto;
    margin-right:auto
  }
  .feature {
    position:absolute;
    width:260px;
    font-size:14px
  }
  .feature h3 {
    font-size:22px;
    font-weight:400
  }
  .feature .icon-circle {
    position:absolute;
    display:flex;
    top:0
  }
  .feature:hover .feature-icon-target {
    background:#5d055d;
    transform:scale(1.3)
  }
  .feature-icon-target {
    position:absolute;
    width:20px;
    height:20px;
    border-radius:10px;
    background:#00aa8d;
    transition:.2s ease
  }
  .feature-left {
    left:0;
    width:260px;
    text-align:right
  }
  .feature-left .icon-circle {
    right:-70px;
    width:60px;
    height:60px;
    border-radius:30px
  }
  .feature-left .icon-circle:after {
    content:" ";
    top:60px;
    left:28px;
    width:150px;
    height:26px;
    position:absolute;
    background:url(/static/img/leftline.png) no-repeat 0
  }
  .feature-left .feature-icon-target {
    top:76px;
    right:-100px
  }
  .feature-right {
    right:0;
    width:260px;
    text-align:left
  }
  .feature-right .icon-circle {
    left:-70px;
    width:60px;
    height:60px;
    border-radius:30px
  }
  .feature-right .icon-circle:after {
    content:" ";
    top:60px;
    right:28px;
    width:40px;
    height:26px;
    position:absolute;
    background:url(/static/img/rightline.png) no-repeat -110px
  }
  .feature-right .feature-icon-target {
    top:76px;
    left:-100px
  }
  #feature-1 {
    top:76px
  }
  #feature-2 {
    top:283px
  }
  #feature-3 {
    top:449px
  }
  #feature-4 {
    top:141px
  }
  #feature-5 {
    top:330px
  }
  #feature-6 {
    top:475px
  }
}
#heading {
  background-color:#5d055d;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:50%
}
#heading h1 {
  color:#fff;
  font-size:2.5rem;
  text-shadow:0 0 1px rgba(30,30,30,.5)
}
#heading h3,#heading p {
  color:#fff
}
#heading a {
  color:#fff;
  text-decoration:none
}
#heading p {
  color:#fff;
  font-size:1.5rem;
  font-family:Lato,sans-serif;
  font-weight:300
}
.heading-inner .btn {
  margin-right:1em
}
.hero-image-wrap {
  overflow:hidden
}
@media (max-width:767.98px) {
  .hero-image-wrap {
    border-bottom:2px solid #00aa8d;
    margin-bottom:.5em;
    padding-top:.5em
  }
}
#hero-image {
  transition:transform 2s ease
}
#hero-image.zoom {
  transform:scale(1.15)
}
.owl-carousel .owl-video-play-icon {
  background:url(/static/img/owl.video.play.png) no-repeat;
}
.owl-item {
  transition:transform .2s ease
}
.owl-item:not(.center) {
  transform:scale(.7);
  transition:transform 0s
}
.owl-dots.disabled {
  display:block!important
}