@charset "UTF-8";
/* CSS Document */

/* LESS Document */
/* Custom Mixins */
/* Base DOM */
html {
  position: relative;
  min-height: 100%;
  padding: 0;
  margin: 0;
}
body {
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
body b,
body strong {
  font-weight: 700;
}
body h1,
body h2,
body h3,
body h4,
body h5 {
  font-weight: 900;
  letter-spacing: -1px;
  color: #FFFFFF;
}
body a {
  color: #FFFFFF;
  text-decoration: none;
}
body a:hover,
body a:active {
  text-decoration: none;
  color: #e6e6e6;
}
/* Common */
.container > .row,
.vcentreRow,
.vcentre {
  height: 100%;
}
.vcentreRow {
  display: table;
}
.vcentre {
  display: table-cell;
  vertical-align: middle;
}
ul.feature-list,
ul.services-list {
  padding: 0;
  margin: 0;
  list-style: none;
  clear: both;
}
ul.feature-list > li,
ul.services-list > li {
  padding: 0 0 4px 0;
  margin: 0 0 4px 0;
  border-bottom: 1px solid #FFFFFF;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}
ul.services-list > li {
  font-size: 11px;
  font-weight: 300 !important;
}
/* header */
#treesmart-header {
  position: absolute;
  z-index: 5000;
  top: 0;
  width: 100%;
}
#treesmart-header #treesmart-logo {
  width: 100%;
  max-width: 350px;
  height: auto;
  padding: 20px 0;
}
#treesmart-header #site-navigation {
  padding: 0;
  margin: 0;
  list-style: none;
  display: table;
  width: 100%;
}
#treesmart-header #site-navigation > li {
  display: table-cell;
  height: auto;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  padding: 4px 8px;
  cursor: pointer !important;
  text-align: center;
}
#treesmart-header #site-navigation > li.active {
  background: #ffffff;
  color: #95c11e;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
#treesmart-header #site-navigation > li.active.navTextLGreen {
  color: #95c11e;
}
#treesmart-header #site-navigation > li.active.navTextDGreen {
  color: #00703b;
}
#treesmart-header #site-navigation > li.active.navTextBlack {
  color: #333333;
}
/* Home Feature */
#treesmart-carousel {
  height: 100vh;
}
#treesmart-carousel .carousel-inner .item {
  transition-property: opacity;
  height: 100vh;
  padding-top: 75px;
}
#treesmart-carousel .carousel-inner .item .carousel-container {
  display: table;
}
#treesmart-carousel .carousel-inner .item#treesmart-welcome {
  background: url('../images/bg_tree_vegetation_management.jpg') no-repeat center center;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader(src='@image', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@image', sizingMethod='scale')";
}
#treesmart-carousel .carousel-inner .item#treesmart-welcome h1 {
  font-size: 30px;
  line-height: 30px;
}
#treesmart-carousel .carousel-inner .item#treesmart-offer {
  background: url('../images/bg_treesmart_offers.jpg') no-repeat center center;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader(src='@image', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@image', sizingMethod='scale')";
}
#treesmart-carousel .carousel-inner .item#treesmart-offer h2 {
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 5px;
}
#treesmart-carousel .carousel-inner .item#treesmart-more {
  background: url('../images/bg_find_out_more.jpg') no-repeat center center;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader(src='@image', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@image', sizingMethod='scale')";
}
#treesmart-carousel .carousel-inner .item#treesmart-more h2 {
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer !important;
}
#treesmart-carousel .carousel-inner .item#treesmart-more h3 {
  text-align: center;
  clear: both;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
}
#treesmart-carousel .carousel-inner .item#treesmart-more h1 {
  text-align: center;
  clear: both;
  font-size: 25px;
  line-height: 25px;
}
#treesmart-carousel .carousel-inner .item#treesmart-more p {
  text-align: center;
  clear: both;
  font-size: 12px;
  line-height: 12px;
  padding-top: 10px;
}
#treesmart-carousel .carousel-inner .item,
#treesmart-carousel .carousel-inner .active.left,
#treesmart-carousel .carousel-inner .active.right {
  opacity: 0;
}
#treesmart-carousel .carousel-inner .active,
#treesmart-carousel .carousel-inner .next.left,
#treesmart-carousel .carousel-inner .prev.right {
  opacity: 1;
}
#treesmart-carousel .carousel-inner .next,
#treesmart-carousel .carousel-inner .prev,
#treesmart-carousel .carousel-inner .active.left,
#treesmart-carousel .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
#treesmart-carousel .carousel-control {
  z-index: 2;
}
/* Body */
#treesmart-home,
#treesmart-about,
#treesmart-services,
#treesmart-contact {
  width: 100%;
  height: auto;
  padding: 25px 0 25px 0;
  color: #FFFFFF !important;
}
#treesmart-home .container,
#treesmart-about .container,
#treesmart-services .container,
#treesmart-contact .container {
  height: 100%;
  position: relative;
}
#treesmart-home {
  padding: 0;
}
#treesmart-services {
  background: url('../images/bg_services.jpg') no-repeat center center;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader(src='@image', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@image', sizingMethod='scale')";
}
#treesmart-services h1.tresmartServicesTitle {
  font-size: 20px;
  line-height: 20px;
  clear: both;
  color: #00703b;
}
#treesmart-about {
  background: url('../images/bg_about.jpg') no-repeat center center;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader(src='@image', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@image', sizingMethod='scale')";
}
#treesmart-about h2 {
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
#treesmart-about p {
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding: 0 0 15px 0;
}
#treesmart-about p:first-child {
  padding: 20px 0 15px 0;
}
#treesmart-contact {
  background: url('../images/bg_contact.jpg') no-repeat center center;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader(src='@image', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@image', sizingMethod='scale')";
}
#treesmart-contact .text-right {
  text-align: left !important;
}
#treesmart-contact p {
  font-size: 15px;
  line-height: 20px;
}
/* Footer */
#treesmart-footer {
  display: none;
  position: fixed;
  z-index: 5000;
  bottom: 10px;
  width: 100%;
  color: #FFFFFF;
}
#treesmart-footer #treesmartNext {
  color: #FFFFFF;
  padding: 0;
  margin: 10px 0 0 0;
  line-height: 0;
  cursor: pointer;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
#treesmart-footer #treesmartNext.up {
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#treesmart-footer #treesmartCopyright {
  opacity: 1;
  -moz-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
}
#treesmart-footer #treesmartCopyright.hideCopyright {
  opacity: 0;
}
#treesmart-footer #treesmartTop {
  opacity: 1;
  -moz-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
}
#treesmart-footer #treesmartTop.hideTop {
  opacity: 0;
}
/* Error Pages */
html.error body {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);
}
html.error body .error-template {
  height: 100vh;
  width: 100%;
  text-align: center;
  position: relative;
}
html.error body .error-template > div {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
}
html.error body .error-actions {
  margin-top: 15px;
  margin-bottom: 15px;
}
html.error body .error-actions .btn {
  margin-right: 10px;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Common */
  ul.feature-list > li,
  ul.services-list > li {
    padding: 10px;
    margin: 0 10px 10px 0;
    border: 1px solid #FFFFFF;
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    float: left;
  }
  ul.services-list > li {
    font-size: 12px;
    padding: 10px;
  }
  /* Header */
  #treesmart-header {
    position: fixed;
  }
  #treesmart-header #treesmart-logo {
    width: 300px;
    padding-top: 45px;
  }
  #treesmart-header #site-navigation {
    float: right;
  }
  #treesmart-header #site-navigation > li {
    height: 120px;
    font-size: 18px;
    padding: 80px 15px 0 15px;
  }
  /* Home Feature */
  #treesmart-carousel .carousel-inner .item {
    padding-top: 0;
  }
  #treesmart-carousel .carousel-inner .item .carousel-container {
    padding: 0 50px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-welcome h1 {
    font-size: 75px;
    line-height: 60px;
    letter-spacing: -4px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-offer h2 {
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 10px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 20px 30px;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more h3 {
    text-align: center;
    clear: both;
    font-size: 40px;
    line-height: 40px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more h1 {
    font-size: 70px;
    line-height: 70px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more p {
    font-size: 22px;
    line-height: 20px;
    padding-top: 20px;
  }
  /* Body */
  #treesmart-home,
  #treesmart-about,
  #treesmart-services,
  #treesmart-contact {
    height: 100vh;
    padding: 0;
  }
  #treesmart-services h1.tresmartServicesTitle {
    font-size: 45px;
    line-height: 55px;
  }
  #treesmart-about h2 {
    font-size: 30px;
    line-height: 40px;
  }
  #treesmart-about p {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 10px 0;
  }
  #treesmart-about p:first-child {
    padding: 20px 0 10px 0;
  }
  #treesmart-contact .text-right {
    text-align: right !important;
  }
  #treesmart-contact p {
    font-size: 20px;
    line-height: 30px;
  }
  /* Footer */
  #treesmart-footer {
    display: block;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* Common */
  ul.feature-list > li,
  ul.services-list > li {
    padding: 12px;
    margin: 0 10px 10px 0;
    border: 1px solid #FFFFFF;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    float: left;
  }
  ul.services-list > li {
    font-size: 14px;
    padding: 10px;
  }
  /* Header */
  #treesmart-header #treesmart-logo {
    width: 350px;
    padding-top: 45px;
  }
  #treesmart-header #site-navigation > li {
    height: 125px;
    font-size: 20px;
    padding: 85px 20px 0 20px;
  }
  /* Home Feature */
  #treesmart-carousel .carousel-inner .item .carousel-container {
    padding: 100px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-welcome h1 {
    font-size: 125px;
    line-height: 110px;
    letter-spacing: -8px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-offer h2 {
    font-size: 45px;
    line-height: 45px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more h2 {
    font-size: 40px;
    line-height: 40px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more h3 {
    font-size: 50px;
    line-height: 50px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more h1 {
    font-size: 80px;
    line-height: 80px;
  }
  /* Body */
  #treesmart-about h2 {
    font-size: 35px;
    line-height: 45px;
  }
  #treesmart-about p {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 25px 0;
  }
  #treesmart-about p:first-child {
    padding: 20px 0 25px 0;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1281px) {
  /* Common */
  ul.feature-list > li,
  ul.services-list > li {
    padding: 20px;
    margin: 0 10px 10px 0;
    border: 1px solid #FFFFFF;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    float: left;
  }
  ul.services-list > li {
    font-size: 20px;
    padding: 15px;
  }
  /* Home Feature */
  #treesmart-carousel .carousel-inner .item .carousel-container {
    padding: 100px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-welcome h1 {
    font-size: 150px;
    line-height: 140px;
    letter-spacing: -8px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-offer h2 {
    font-size: 80px;
    line-height: 80px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more h2 {
    font-size: 50px;
    line-height: 50px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more h3 {
    font-size: 60px;
    line-height: 60px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more h1 {
    font-size: 80px;
    line-height: 80px;
  }
  #treesmart-carousel .carousel-inner .item#treesmart-more p {
    font-size: 30px;
    line-height: 30px;
  }
  /* Body */
  #treesmart-services h1.tresmartServicesTitle {
    font-size: 80px;
    line-height: 80px;
    padding-bottom: 20px;
  }
  #treesmart-about h2 {
    font-size: 55px;
    line-height: 65px;
  }
  #treesmart-about p {
    font-size: 25px;
    line-height: 35px;
    margin: 0;
    padding: 0 0 30px 0;
  }
  #treesmart-about p:first-child {
    padding: 20px 0 30px 0;
  }
  #treesmart-contact p {
    font-size: 25px;
    line-height: 35px;
  }
}