/*** Colors ***/
/*** Badges ***/
/*** Buttons ***/
/*** Dropdown ***/
/*** Fonts ***/
/*** Global ***/
/*** Navbar ***/
/*** Tables ***/
/*** Typography ***/
/*** Collections ***/
/* Progress Bar */
#category-boxes {
  position: relative; }
  #category-boxes .single-category {
    position: relative; }
  #category-boxes .category-gallery {
	  position: relative;
	  z-index: 5;
  }
  #category-boxes .category-gallery a {
	  display: block;
	  width: 100%;
  }
  #category-boxes .category-gallery img {
    display: block;
    max-width: 100%; }  
  #category-boxes .category-links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
	z-index: 10;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    -ms-transition: height 0.3s;
    transition: height 0.3s; }
    #category-boxes .category-links .category-title a { 
      font: 40px/160px 'monda-regular';
      color: #FFF;
      text-transform: uppercase;
      text-align: center;
      display: block; }
    #category-boxes .category-links ul {
      position: relative;
      height: 0;
      overflow: hidden;
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s;
      -o-transition: height 0.3s;
      -ms-transition: height 0.3s;
      transition: height 0.3s; }
      #category-boxes .category-links ul li a {
        padding-left: 25%;
        font: 16px/28px 'opensans-semibold';
        color: #FFF;
        display: block; }
    #category-boxes .category-links:hover:before {
      -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
      filter: "alpha(opacity=(${iefactor}))";
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0; }
  @media only screen and (max-width: 1425px) {
    #category-boxes .category-links {
      height: 150px; }
      #category-boxes .category-links .category-title a {
        font-size: 30px;
        line-height: 150px; } }
  #category-boxes .garden-category-box .category-links {
    background: #146A3B;
    background: rgba(20, 106, 59, 0.9); }
    #category-boxes .garden-category-box .category-links:before {
      content: '';
      left: 10%;
      position: absolute;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      border-top: 30px solid #146A3B;
      border-top: 30px solid rgba(20, 106, 59, 0.9);
      bottom: -30px; }
  #category-boxes .home-category-box .category-links {
    top: auto;
    bottom: 0;
    background: #E7B342;
    background: rgba(231, 179, 66, 0.9); }
    #category-boxes .home-category-box .category-links:before {
      content: '';
      left: 10%;
      position: absolute;
      border-bottom: 30px solid #E7B342;
      border-bottom: 30px solid rgba(231, 179, 66, 0.9);
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      top: -30px; }
  #category-boxes .decoration-category-box .category-links {
    background: #C0B194;
    background: rgba(192, 177, 148, 0.9); }
    #category-boxes .decoration-category-box .category-links:before {
      content: '';
      left: 10%;
      position: absolute;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      border-top: 30px solid #C0B194;
      border-top: 30px solid rgba(192, 177, 148, 0.9);
      bottom: -30px; }

#mobile-category-gallery {
  position: relative; }
  #mobile-category-gallery a {
    display: block; }
    #mobile-category-gallery a img {
      width: 100%;
      display: block; }
    #mobile-category-gallery a h4 {
      position: absolute;
      left: 0;
      bottom: 50px;
      width: 100%;
      text-align: center;
      text-transform: uppercase;
      color: #FFF;
      font: 25px/120% 'monda-regular'; }
  #mobile-category-gallery .mobile-single-category a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 70%; }
  #mobile-category-gallery .garden-category-box.mobile-single-category a:before {
    background: #146A3B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), color-stop(100% #146A3B));
    background: -webkit-linear-gradient(top, transparent 10%, #146A3B 100%);
    background: -moz-linear-gradient(top, transparent 10%, #146A3B 100%);
    background: -ms-linear-gradient(top, transparent 10%, #146A3B 100%);
    background: -o-linear-gradient(top, transparent 10%, #146A3B 100%);
    background: linear-gradient(top, transparent 10%, #146A3B 100%); }
  #mobile-category-gallery .home-category-box.mobile-single-category a:before {
    background: #E7B342;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), color-stop(100% #E7B342));
    background: -webkit-linear-gradient(top, transparent 10%, #E7B342 100%);
    background: -moz-linear-gradient(top, transparent 10%, #E7B342 100%);
    background: -ms-linear-gradient(top, transparent 10%, #E7B342 100%);
    background: -o-linear-gradient(top, transparent 10%, #E7B342 100%);
    background: linear-gradient(top, transparent 10%, #E7B342 100%); }
  #mobile-category-gallery .decoration-category-box.mobile-single-category a:before {
    background: #C0B194;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), color-stop(100% #C0B194));
    background: -webkit-linear-gradient(top, transparent 10%, #C0B194 100%);
    background: -moz-linear-gradient(top, transparent 10%, #C0B194 100%);
    background: -ms-linear-gradient(top, transparent 10%, #C0B194 100%);
    background: -o-linear-gradient(top, transparent 10%, #C0B194 100%);
    background: linear-gradient(top, transparent 10%, #C0B194 100%); }

#main-links .col {
  background: #F5F4EF; }
  @media only screen and (max-width: 600px) {
    #main-links .col {
      margin-bottom: 20px; } }
#main-links a {
  display: block;
  text-align: center; }
  #main-links a h4 {
    margin: 30px 0;
    font: 18px/130% 'opensans-bold';
    text-transform: uppercase;
    color: #005f2c; }
  #main-links a h3 {
    margin: 0;
    padding: 0 10%;
    font: 30px/120% 'opensans-semibold';
    color: #E5AC2E;
    height: 110px; }
    @media only screen and (min-width: 601px) and (max-width: 992px) {
      #main-links a h3 {
        font-size: 20px; } }
    @media only screen and (max-width: 600px) {
      #main-links a h3 {
        font-size: 25px;
        height: 90px; } }
  #main-links a .arrow-large {
    margin: 30px auto; }

#home-register-action p {
  font: 15px/140% 'opensans-regular';
  color: #333; }

#our-brands-container {
  background: #F5F4EF; }
  #our-brands-container h3 {
    font: 18px/100px 'opensans-semibold';
    color: #005f2c;
    text-transform: uppercase;
    text-align: center; }
  @media only screen and (max-width: 600px) {
    #our-brands-container h3 {
      font-size: 25px; } }
  #our-brands-container #brands-carousel {
    padding: 0 40px;
    margin: 0 0 30px 0; }
    #our-brands-container #brands-carousel .single-brand {
      overflow: hidden; }
      #our-brands-container #brands-carousel .single-brand .valign-helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      #our-brands-container #brands-carousel .single-brand a {
        display: block;
        height: 100px;
        line-height: 100px;
        text-align: center;
        position: relative; }
        #our-brands-container #brands-carousel .single-brand a img {
          display: inline-block;
          vertical-align: middle;
          line-height: 14px;
          max-width: 100%; }
        #our-brands-container #brands-carousel .single-brand a div {
          width: 100%;
          height: 100%;
          font: 13px/100px 'opensans-regular';
          color: #333;
          text-align: center;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 10;
          background: #f5f4ef;
          background: rgba(245, 244, 239, 0.9);
          -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
          filter: "alpha(opacity=(${iefactor}))";
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s; }
          #our-brands-container #brands-carousel .single-brand a div span {
            display: inline-block;
            vertical-align: middle;
            line-height: 14px; }
        #our-brands-container #brands-carousel .single-brand a:hover div {
          -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
          filter: "alpha(opacity=(${iefactor}))";
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1; }
        @media only screen and (max-width: 600px) {
          #our-brands-container #brands-carousel .single-brand a div {
            display: none; } }

#home-main-carousel a, #home-main-carousel img {
	display: block;
}
#home-main-carousel img {
	width: 100%;
}
#home-main-carousel.owl-carousel .owl-pagination .owl-page span {
	box-shadow: 0 0 5px #333;
	-ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
	filter: "alpha(opacity=(${iefactor}))";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
@media only screen and (min-width: 601px) {
	#home-main-carousel.owl-carousel .owl-pagination .owl-page span {
		width: 19px;
		height: 19px;		
	}
}
#home-main-carousel.owl-carousel .owl-pagination .owl-page.active span, #home-main-carousel.owl-carousel .owl-pagination .owl-page:hover span {
	background: #FFCC00;
}

#home-main-carousel.owl-carousel .owl-pagination .owl-page span {
    margin: 0 10px !important;
}

@media only screen and (max-width: 600px) {
	#home-main-carousel.owl-carousel {
		margin-bottom: 1.5rem;
	}
}


/*# sourceMappingURL=home.css.map */
