/*
------------------------------------------
Headings
------------------------------------------
*/
h1, h2, h3, h5, h6 {
  color: #4c514c;
  font-family: "Bree Serif", serif;
  line-height: 100%;
  margin: 0 0 0.2em 0;
  padding: 0;
  text-transform: uppercase; }
  h1:after, h2.service:after, h3:after,  h5:after, h6:after {
    background: #53b380;
    content: "";
    display: block;
    width: 76px;
    height: 4px;
    margin: 30px 0; }

h2 {
  font-size: 30px; }




/*
------------------------------------------
Structure
------------------------------------------
*/
html, body {
  font-size: 100%; }

body {
  background: #fff;
  color: #8a908d;
  cursor: default;
  font: normal 16px/30px "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  position: relative; }

/*
------------------------------------------
Header + main nav + social links
------------------------------------------
*/
.highlight-color {
  color: #53b380;
}

.header {
  background: white url("../images/top-bar.png") top left repeat-x;
  padding-top: 10px;
  position: relative;
  z-index: 10;
  border-bottom: 1px solid #e5e5e5;
   }


.navbar-nav > li{
  padding-right:30px;
}





/*
------------------------------------------
Footer
------------------------------------------
*/
.footer {
  background: #2f322f;
  color: #a9aca9; }
  .footer .footer-content {
    padding: 80px 0; }


/*
------------------------------------------
HOME PAGE: Feature Listing
------------------------------------------
*/
.features-listing .feature {
  padding: 70px 0px;
  padding-top: 50px;}
  .features-listing .feature .feature-image {
    float: right; }
    .features-listing .feature .feature-image img {
      display: table;
      max-width: 60%;
      margin: auto;}
  .features-listing .feature .feature-desc .btn {
    display: table;
    margin: 60px 0 0 0; }
  .features-listing .feature:nth-child(odd) {
    background: #eaeaea;
    border-top: 1px solid #e5e5e5;
    -webkit-box-shadow: inset 0 18px 6px -20px rgba(8, 8, 8, 0.16);
    -moz-box-shadow: inset 0 18px 6px -20px rgba(8, 8, 8, 0.16);
    box-shadow: inset 0 18px 6px -20px rgba(8, 8, 8, 0.16);
    /*box-shadow: inset 0 18px 6px -20px rgba(8, 8, 8, .16);     */ }
    .features-listing .feature:nth-child(odd) .feature-image {
      float: left; }
    .features-listing .feature:nth-child(odd) .feature-desc {
      float: right; text-align: justify;}
    .features-listing .feature:nth-child(odd):first-child {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: none; }
  .features-listing .feature:not(:first-child):nth-child(even) .feature-image {
    width: 60%; }
  .features-listing .feature:not(:first-child):nth-child(even) .feature-desc {
    width: 50%; }
  .features-listing .feature.alt-style figure.rounded {
    display: table;
    max-width: 50%;
    /*margin: 0 0 75px 0;*/ }
    .features-listing .feature.alt-style figure.rounded img {
      background: #fff;
      padding: 3px;
      border: 2px solid #c2c2c2;
      border-top-left-radius: 50%;
      border-top-right-radius: 50%;
      border-bottom-left-radius: 50%;
      border-bottom-right-radius: 50%; }






.flexslider {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .flexslider img {
    height: auto !important; }
  .flexslider .flex-control-nav li {
    padding: 3px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border: 2px solid #bbbdbe; }
    .flexslider .flex-control-nav li a {
      background: none;
      border: none;
      width: 20px;
      height: 20px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: none; }
      .flexslider .flex-control-nav li a.flex-active {
        background: #53b380; }

/*$col-2-width:   2/12*100%;
$col-1-width:   1/12*100%;
@mixin border-radius($radius: 4px) {
  @include border-top-radius($radius);
  @include border-bottom-radius($radius);
}*/
/*
------------------------------------------
Overwrite some FlexSlider styles
------------------------------------------
*/
@media screen and (max-width: 1140px) {
  .header .main-nav {
    font-size: 14px; }
    .header .main-nav li {
      padding: 0px 5px !important; }
      .header .main-nav li a {
        padding: 12px 15px; } }

@media screen and (max-width: 1000px) {

  .header .toggle-off-canvas {
    display: block; }
  .header .main-nav,
  .header .social-links {
    display: none;}
  .header .logo {
    width: 500px;
  }

  .plans-wrapper .pricing-plan .plan-desc {
    padding-left: 16.66667%; }

  .header > .max-inner > .col-5 {
    display: table;
    margin: auto;
    width: auto;
    float: none; }

  .features-listing .feature .feature-image,
  .features-listing .feature .feature-desc {
    float: none !important;
    margin: auto;
    width: 90% !important;
    padding-top: 20px;
    padding-bottom: 20px; }
    .features-listing .feature .feature-image img,
    .features-listing .feature .feature-desc img {
      width: 100%; }

  .reviews-col {
    display: table;
    float: none !important;
    margin: auto;
    width: 100% !important; }

  .order-form .columns {
    display: table;
    float: none;
    width: 100% !important;
    padding: 0; }
  .order-form .submit {
    float: left !important;
    margin: 30px 0 0; }

  .plans-wrapper .select-price {
    color: #8a908d;
    display: table;
    margin: 0 auto 70px; }
  .plans-wrapper .pricing-plan {
    display: table;
    float: none;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin: 0 auto;
    max-width: 90%; }
    .plans-wrapper .pricing-plan:before {
      position: relative;
      left: auto;
      margin: -60px auto 0; }
    .plans-wrapper .pricing-plan .plan-desc {
      width: 90%;
      padding: 0 20px;
      text-align: center; }
    .plans-wrapper .pricing-plan .columns {
      display: table;
      float: none;
      margin: auto;
      padding: 0; } }

@media screen and (max-width: 700px) {

  }

@media screen and (max-width: 440px) {
  .faqs .faq .faq-q > .columns {
    float: none !important; }
    .faqs .faq .faq-q > .columns .faq-rating {
      padding-left: 48px; } }