/* General */

#colbrook-logo a > img.fl-photo-img {max-width: 240px;}

.bx-wrapper .bx-loading {display:none;}

/* Home */

body .ci-homepage-banner ul li {padding-left:0;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* Other */

    .img-txt-left {
    background: #38362f;
    color:#fff;
    max-width: 42%;
    position: absolute;
    top: 40%;
    left: -50px;
    padding: 40px 30px 60px;
    margin: 0 !important;    	
    }

/* Menu Paralelagram shapes etc */

/*====== Home Three Sec =====*/
.home-three-box {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Opera 12.1, Firefox 20+ */
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
}

/*.home-three-box {
  display: grid;
  text-align: center !important;
}

.home-3box-inner {
	margin: auto;
}*/
.home-three-box-first {
	width: 125%;
	height: 470px;
	margin: 0 0 0 -22%;
	-webkit-transform: skew(-21deg);
	-moz-transform: skew(-21deg);
	-o-transform: skew(-21deg);
	-ms-transform: skew(-21deg);
	transform: skew(-21deg);
	overflow: hidden;
	position: relative;
    z-index: 2;
}

.skid-lifts {
	background: url(/wp-content/uploads/2018/05/skid-lifts-bg.jpg);
	position: absolute;
	top: 0;
	left: 0%;
	right: -20%;
	bottom: 0;
	-webkit-transform: skew(21deg);
	-moz-transform: skew(21deg);
	-o-transform: skew(21deg);
	-ms-transform: skew(21deg);
	transform: skew(21deg);
	background-position: right;
}

#parallelogram a:hover .skid-lifts{
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/skid-lifts-bg.jpg)");
    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/skid-lifts-bg.jpg)");
    background-image: -o-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/skid-lifts-bg.jpg)");
    background-image: -ms-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/skid-lifts-bg.jpg)");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(0, 0, 0, 0.8))), url("/wp-content/uploads/2018/05/skid-lifts-bg.jpg)");
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/skid-lifts-bg.jpg)");
	background-position: right;
  }

.home-three-box-second {
	width: 105%;
	height: 470px;
	margin: 0 0 0 2%;
	-webkit-transform: skew(-21deg);
	-moz-transform: skew(-21deg);
	-o-transform: skew(-21deg);
	-ms-transform: skew(-21deg);
	transform: skew(-21deg);
	overflow: hidden;
	position: relative;
}
.slashers {
	background: url(/wp-content/uploads/2018/05/slashers-bg-v2.jpg);
	background-position: center;
	position: absolute;
	top: 0;
	left: -20%;
	right: -20%;
	bottom: 0;
	-webkit-transform: skew(21deg);
	-moz-transform: skew(21deg);
	-o-transform: skew(21deg);
	-ms-transform: skew(21deg);
	transform: skew(21deg);
}
#parallelogram a:hover .slashers{
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/slashers-bg-v2.jpg)");
    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/slashers-bg-v2.jpg)");
    background-image: -o-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/slashers-bg-v2.jpg)");
    background-image: -ms-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/slashers-bg-v2.jpg)");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(0, 0, 0, 0.8))), url("/wp-content/uploads/2018/05/slashers-bg-v2.jpg)");
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/slashers-bg-v2.jpg)");
	background-position: center;
  }
.home-three-box-last {
	width: 120%;
	height: 470px;
	margin: 0px 0 0 7%;
	-webkit-transform: skew(-21deg);
	-moz-transform: skew(-21deg);
	-o-transform: skew(-21deg);
	transform: skew(-21deg);
	overflow: hidden;
	position: relative;
}

body .mulchers {
	background: url(/wp-content/uploads/2018/05/mulchers-bg.jpg);
	position: absolute;
	top: 0;
	left: -18%;
	right: -18%;
	bottom: 0;
	-webkit-transform: skew(21deg);
	-moz-transform: skew(21deg);
	-o-transform: skew(21deg);
	transform: skew(21deg);
}

#parallelogram a:hover .mulchers{
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2018/05/mulchers-bg.jpg)");
    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.7), rgba(255, 255, 255, 0.7)), url("/wp-content/uploads/2018/05/mulchers-bg.jpg)");
    background-image: -o-linear-gradient(top, rgba(255,255,255, 0.7), rgba(255, 255, 255, 0.7)), url("/wp-content/uploads/2018/05/mulchers-bg.jpg)");
    background-image: -ms-linear-gradient(top, rgba(255,255,255, 0.7), rgba(255, 255, 255, 0.7)), url("/wp-content/uploads/2018/05/mulchers-bg.jpg)");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/wp-content/uploads/2018/05/mulchers-bg.jpg)");
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.7), rgba(255, 255, 255, 0.7)), url("/wp-content/uploads/2018/05/mulchers-bg.jpg)");
  }

.home-3box-inner h4 {
	text-align: center;
	color: #fff;
}
#parallelogram a:hover .home-3box-inner h4 { color: #262627; }
.home-3box-inner .img-hover { display: none; }
#parallelogram a:hover .home-3box-inner .img-without-hover { display: none; }
#parallelogram a:hover .home-3box-inner .img-hover { display: block; margin: 0 auto; }

.rc-mowers {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%), url(/wp-content/uploads/2020/04/rcmowers_parallelogram2.jpg);
	position: absolute;
	top: 0;
	left: -18%;
	right: 12%;
	bottom: 0;
	-webkit-transform: skew(21deg);
	-moz-transform: skew(21deg);
	-o-transform: skew(21deg);
	transform: skew(21deg);
}

.entry-content .rc-mowers {
	background-image:  url(/wp-content/uploads/2020/04/rcmowers_parallelogram.jpg);
	background-position: center;
}


.rc-mowers h4 {margin-left: 20px}

body #parallelogram a:hover .rc-mowers{
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2020/04/rcmowers_parallelogram2.jpg)");
    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2020/04/rcmowers_parallelogram2.jpg)");
    background-image: -o-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2020/04/rcmowers_parallelogram2.jpg)");
    background-image: -ms-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2020/04/rcmowers_parallelogram2.jpg)");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(0, 0, 0, 0.8))), url("/wp-content/uploads/2020/04/rcmowers_parallelogram2.jpg)");
    background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.8)), url("/wp-content/uploads/2020/04/rcmowers_parallelogram2.jpg)");
	background-position: center;
  }

body #ubermenu-main-7 .home-three-box {
    background-size: cover;
}

body #ubermenu-main-7 .mulchers {right:-10%;}

#single-product-accordion .uabb-text-editor ul {float:none;}

.attachment-table td {border-color: transparent;vertical-align: top;padding:10px;}

@media screen and (min-width: 1140px){
	body .ubermenu .ubermenu-target-text {font-size: 15px;}

	body #ubermenu-main-7 .ubermenu-item .ubermenu-target {
	    padding-left: 6px;
	    padding-right: 6px;
	}

}