@font-face {
   font-family: 'Avenir Next';
   src: url('https://tff.com.au/templates/shaper_floox/fonts/avenir_next.eot');
   /* IE9 Compat Modes */
   src: url('https://tff.com.au/templates/shaper_floox/fonts/avenir_next.woff') format('woff'), /* Modern Browsers 
src: url('https://tff.com.au/templates/shaper_floox/fonts/avenir_next.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('https://tff.com.au/templates/shaper_floox/fonts/avenir_next.otf') format('opentype'), /* Open Type Font */
   url('https://tff.com.au/templates/shaper_floox/fonts/avenir_next.svg') format('svg'), /* Legacy iOS */
   url('https://tff.com.au/templates/shaper_floox/fonts/avenir_next.ttf') format('truetype'), /* Safari, Android, iOS */
   url('https://tff.com.au/templates/shaper_floox/fonts/avenir_next.woff2') format('woff2');
   /* Modern Browsers */
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'fontello';
   src: url('./fonts/fontello.eot');
   src: url('./fonts/fontello.eot') format('embedded-opentype'), url('./fonts/fontello.woff2') format('woff2'), url('./fonts/fontello.woff') format('woff'), url('./fonts/fontello.ttf') format('truetype'), url('./fonts/fontello.svg') format('svg');
   font-weight: normal;
   font-style: normal;
 }

 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

 /*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?561014#fontello') format('svg');
  }
}
*/

 .col-sm-2-5 {
   width: 20%;
   float: left;
   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
 }

 [class^="icon-"]:before,
 [class*=" icon-"]:before {
   font-family: "fontello";
   font-style: normal;
   font-weight: normal;
   speak: none;
   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   margin-left: -1.3rem!important;
   text-align: center;
   /* opacity: .8; */
   /* For safety - reset parent styles, that can break glyph codes*/
   font-variant: normal;
   text-transform: none;
   /* fix buttons height, for twitter bootstrap */
   line-height: 1em;
   /* Animation center compensation - margins should be symmetric */
   /* remove if not needed */
   margin-left: .2em;
   /* you can be more comfortable with increased icons size */
   /* font-size: 120%; */
   /* Font smoothing. That was taken from TWBS */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   /* Uncomment for 3D effect */
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }

 #sppb-addon-wrapper-1571637505689 {
   margin: 0px 0px 0px 0px!important;
 }

 .icon-flowers:before {
   content: '\e800';
 }

 /* '' */

 .icon-fruit-and-veg:before {
   content: '\e801';
 }

 /* '' */

 .icon-grass:before {
   content: '\e802';
 }

 /* '' */

 .icon-plants:before {
   content: '\e803';
 }

 /* '' */

 H1,
 H2,
 H3,
 H4,
 H5,
 H6,
 p,
 body {
   font-family: "Avenir Next", sans-serif;
 }

 body {
   font-size: 15px;
 }

 .com-content h1,
 .com-content h2 {
   color: #78BE20;
 }

 #sp-extension h1,
 #sp-extension h2 {
   color: #ffffff;
 }

 h4,
 h3 {
   font-weight: 600;
 }

 h5 {
   font-size: 16.5px;
   font-weight: 600;
 }

 h6 {
   font-size: 15.5px;
   font-weight: 600;
 }

 .red {
   color: #fb3449;
 }

 .red:hover {
   color: #231f20;
 }

 .yellow {
   color: #ffc425;
 }

 .yellow:hover {
   color: #231f20;
 }

 .green {
   color: #78be20;
 }

 .green:hover {
   color: #231f20;
 }

 .darkgreen {
   color: #638671;
 }

 .darkgreen:hover {
   color: #231f20;
 }

 .brown {
   color: #a0643a;
 }

 .brown:hover {
   color: #231f20;
 }

 .blue {
   color: #1daeec;
 }

 .blue:hover {
   color: #231f20;
 }

 .blue {
   color: #1daeec;
 }

 .blue:hover {
   color: #231f20;
 }

 .purple {
   color: #df008f;
 }

 .view-search #sp-main-body {
   padding: 0px 0;
 }

 .view-search #sp-page-title {
   display: none;
 }

 body.view-search div.search {
   margin-top: 0px;
 }

 #sp-top-bar {
   background-color: #ffffff!important;
   margin-top: -2rem;
   height: 7rem;
 }

 .sp-megamenu-parent>li {
   margin: -1px 3px 0px 3px;
 }

 body.header-default #sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
   margin: 1px 0 0 0;
 }

 #sp-header {
   background-image: url(/new/images/black-background-02.jpg)!important;
 }

 #sp-top-bar .container {
   border-bottom: 0px;
 }

 #sp-title {
   margin-top: -6.5rem;
 }

 .itemid-215 #sp-title {
   margin-top: -16.5rem;
 }

 .itemid-215 div.sp-page-title {
   padding: 21rem 0 0px;
 }

 .itemid-101 #sp-page-title {
   display: none;
 }

 .itemid-101 #sp-main-body {
   position: relative;
   bottom: 7rem;
 }

 div.sp-page-title h3,
 div.sp-page-title h2,
 .sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper .sppb-slideshow-fullwidth-item .sppb-slideshow-fullwidth-item-bg .sppb-fullwidth-title .sppb-slidehsow-sub-title,
 .sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper .sppb-slideshow-fullwidth-item .sppb-slideshow-fullwidth-item-bg .sppb-fullwidth-title span.floox-title {
   text-shadow: 3px 2px 4px #000, 3px 2px 4px #fff;
 }

 div.sp-page-title .container {
   position: relative;
   bottom: 6rem;
 }

 body.header-default #sp-header {
   background: #231F20;
 }

 .view-article #sp-main-body {
   padding: 0px 0;
 }

 #sp-top2 p,
 #sp-top2 a {
   color: #ccbfac;
 }

 #sp-top2 a:hover {
   color: #78BE20;
 }

 #sp-top3 .sppb-btn.sppb-btn-primary {
   background-color: #ccbfac;
 }

 .sp-dropdown-inner img {
   transform: scale(0.8);
 }

 .menu-seperator .image-title {
   margin-left: -2rem;
   color: #FB3449!important;
 }

 .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,
 .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
   font-weight: 600;
   font-size: 15px;
 }

 .offcanvas-menu {
   background: #ccbfac;
 }

 .offcanvas-menu .offcanvas-inner .sp-module ul>li.active>a,
 .offcanvas-menu .offcanvas-inner .sp-module ul>li:hover>a,
 .offcanvas-menu .offcanvas-inner .sp-module ul>li:focus>a {
   color: #FB3449;
 }

 .offcanvas-menu .sppb-btn.sppb-btn-primary.sppb-btn-sm {
   position: relative;
   left: 2rem;
 }

 .sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper .sppb-slideshow-fullwidth-item .sppb-slideshow-fullwidth-item-bg:after,
 div.sp-page-title:before {
   background: transparent;
 }

 .major-bgcolor,
 .btn.btn-primary,
 .sppb-btn.btn-primary,
 .btn.sppb-btn-primary,
 .sppb-btn.sppb-btn-primary,
 .sp-megamenu-parent>li.active>a,
 .sp-megamenu-parent>li:hover>a,
 .sp-select ul>li.active,
 .sp-select ul>li:hover,
 .sppb-addon-feature:hover:after,
 .sppb-progress-wrap .sppb-progress .sppb-progress-bar,
 .com-users.view-login .logout .btn.btn-primary,
 .service-feature-section .sppb-addon-feature:hover:after,
 .sppb-btn-info.sppb-btn-outline:hover,
 .sppb-btn-info.sppb-btn-outline:focus,
 .sppb-btn-info.sppb-btn-outline:active,
 .sppb-btn-info.sppb-btn-outline.active,
 .open>.dropdown-toggle.sppb-btn-info.sppb-btn-outline {
   background-color: #78BE20;
 }

 .sp-megamenu-parent>li.active>a,
 .sp-megamenu-parent>li:hover>a {
   background: #78BE20;
 }

 #sp-extension1 .sppb-btn.sppb-btn-default {
   background: #FFC425;
   color: #ffffff;
 }

 #sp-extension1 .sppb-btn.sppb-btn-default:hover {
   color: #78be20;
 }

 #sp-bottom a {
   color: #FFC425;
 }

 #sp-bottom .sppb-btn.sppb-btn-primary {
   color: #ffffff;
 }

 .sppb-testimonial-pro-advanced .sppb-carousel-indicators {
   display: none;
 }

 .sppb-testimonial-pro-advanced .sppb-item .sppb-testimonial-client {
   color: #FB3449;
 }

 .sppb-addon-feature .sppb-icon i {
   color: #ffffff;
 }

 .bottom-content-wrap {
   padding-bottom: 0px;
 }

 #sp-bottom {
   padding: 80px 0px 60px 0px;
 }

 #sp-bottom .sp-module ul li a {
   color: #ffffff;
 }

 #sp-bottom a:hover {
   color: #FB3449;
 }

 #sp-footer {
   padding: 1rem 0rem 0rem 0rem;
 }

 #sp-footer .sp-copyright {
   color: #ffffff;
 }

 #sp-footer .sp-copyright a:hover {
   color: #FFC425;
 }

 .scrollup {
   background-color: rgba(255, 196, 37, 0.9);
 }

 /* Internal Page Styling */

 article.item-page .entry-image {
   display: block;
 }

 .view-article #sp-right {
   display: block;
 }

 .sppb-articles-carousel-introtext {
   line-height: 20px;
 }

 .sppb-articles-carousel-meta-category a {
   color: #78BE20;
 }

 .sppb-articles-carousel-meta-category a:hover {
   color: #86939e;
 }

 article.item-page .entry-header-wrap .entry-header h2 {
   letter-spacing: 0px!important;
   font-size: 32px!important;
   text-align: left;
 }

 article.item .article-info {
   text-align: left;
 }

 .article-info {
   margin: 0px 8px 0px;
 }

 .blog-variation-2 #sp-component {
   width: 75%;
 }

 .itemid-215 #sp-main-body {
   margin-top: 0rem;
 }

 .blog-variation-2 #sp-main-body {
   margin-top: 4rem;
 }

 .blog-image {
   margin-top: 4.1rem;
 }

 /* Safari Styling */

 /* Safari 10.1+ */

 .sp-page-builder .page-content #section-id-1571379207622 {
   background-color: transparent;
 }

 .list-striped .h3,
 h3 {
   font-size: 18px;
 }

 .itemid-244 #sp-component .list-striped img,
 .itemid-262 #sp-component .list-striped img,
 .itemid-263 #sp-component .list-striped img,
 .itemid-264 #sp-component .list-striped img,
 .itemid-265 #sp-component .list-striped img {
   max-width: 150px;
   max-height: 150px;
 }

 .itemid-259 .floox-title,
 .itemid-262 .floox-title,
 .itemid-263 .floox-title,
 .itemid-264 .floox-title,
 .itemid-265 .floox-title {
   font-family: Poppins, sans-serif;
   font-weight: 600;
   font-size: 36px;
 }

 .itemid-259 .sppb-addon-feature .sppb-icon i,
 .itemid-262 .sppb-addon-feature .sppb-icon i,
 .itemid-263 .sppb-addon-feature .sppb-icon i,
 .itemid-264 .sppb-addon-feature .sppb-icon i,
 .itemid-265 .sppb-addon-feature .sppb-icon i {
   color: #78be20;
 }

 .itemid-259 .sppb-addon-feature .sppb-icon i:hover,
 .itemid-262 .sppb-addon-feature .sppb-icon i:hover,
 .itemid-263 .sppb-addon-feature .sppb-icon i:hover,
 .itemid-264 .sppb-addon-feature .sppb-icon i:hover,
 .itemid-265 .sppb-addon-feature .sppb-icon i:hover {
   color: #231f20;
 }

 .itemid-259 div.sp-page-title {
   background-position: 43% 75%;
 }

 .itemid-262 div.sp-page-title {
   background-position: 0% 100%;
 }

 .itemid-264 #sppb-addon-1499764336934 h2.sppb-addon-title {
   color: #78be20;
 }

 /* #sppb-addon-1571706144346 {
    position: relative;
    right: 14rem;
    top: 2rem;
}

#sppb-addon-1571638747809 {
    border-radius: 0px;
    position: relative;
    top: 1.5rem;
    right: 8rem;
} */

 #section-id-1571706144343 #column-wrap-id-1571706144341 {
   max-width: 100%;
   flex-basis: 100%;
 }

 #sp-top-bar .container {
   border-bottom: 0px;
   position: relative;
   top: 15px;
 }

 #sp-top-bar #column-id-1571706144341 a {
   color: #ccbfac
 }

 #sp-top-bar #column-id-1571706144341 a:hover {
   color: #7dc855
 }

 body.header-default #sp-top-bar {
   height: 95px;
 }

 #section-id-1571637505686 .sppb-row-container,
#section-id-1571379207622 .sppb-row-container {
   max-width: 90%;
   width: 90%;
 }

#sp-top-bar #sp-top2 {
    text-align: left;
}

 div.sp-page-title {
   padding: 350px 0 115px;
 }

#sppb-addon-1c47fd74-3ccb-4d7d-8775-fe676bf4cc92 #btn-1c47fd74-3ccb-4d7d-8775-fe676bf4cc92.sppb-btn-primary {
  background-color: #ccbfac;
  color:#ffffff;
}

#sppb-addon-1c47fd74-3ccb-4d7d-8775-fe676bf4cc92 #btn-1c47fd74-3ccb-4d7d-8775-fe676bf4cc92.sppb-btn-primary:hover {
  background-color: #78BE20;
  color:#ffffff;
}

  #section-id-8e137703-236e-46a0-8945-3dd91f78f408  .sppb-row-container {
        max-width: 400px;
        min-width: 400px;
    }

 @media not all and (min-resolution:.001dpcm) {
   @media {
     .safari10 {
       body.header-default #sp-top-bar margin-top: 0.5rem;
     }
   }
 }

 /* Extra small devices (phones, 600px and down) */

 @media screen and (min-width:320px) and (max-width:812px) {
   #sp-logo {
     transform: scale(0.6);
     position: relative;
     bottom: 5rem;
     right: 5rem;
   }
   #sp-page-builder .sppb-section-title .sppb-title-heading {
     text-align: left;
     padding-top: 5rem;
     font-size: 22px!important;
   }
   #section-id-1571373929653 p,
   #column-id-1571708068097 p {
     margin: 18px;
   }
   #column-id-1571379207621 .sppb-text-right {
     text-align: center;
     margin-left: -2rem;
   }
   #sp-extension h1 {
     text-align: center;
     margin-right: 4rem;
   }
   .blog-variation-2 #sp-component {
     width: 100%;
   }
 }

 /* Small devices (portrait tablets and large phones, 600px and up) */

 @media only screen and (min-width: 600px) {
   ...
 }

 /* Medium devices (landscape tablets, 768px and up) */

 @media screen and (min-width: 768px) and (max-width:1024px) {
   /* Large devices (laptops/desktops, 992px and up) */
   @media screen and (min-width: 900px) and (max-width:1440px) {
     /* Extra large devices (large laptops and desktops, 1200px and up) */
     @media only screen and (min-width: 1200px) {
       ...
     }
     /* Codes for Bootstrap hidden elements on devices
hidden-xs
hidden-sm
hidden-md
hidden-lg
 */