/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

div.modal {
  margin: auto;
  background-color: #e3fbcd;
  width: auto;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
}
.row > .column {
  padding: 0 8px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column {
  float: left;
  width: 25%;
}
/* The Modal (background) */
.lightboxer .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 20px;
  top: 10%;
  bottom: auto;
  height: auto;
  overflow: hidden;
  background-color: #e3fbcd;
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}
/* The Close Button */
.closery {
  color: #1EB41B;
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 35px;
  font-weight: bold;
}
.closery:hover, .closery:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.mySlides {
  display: none;
}
.cursor {
  cursor: pointer;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
img {
  margin-bottom: -4px;
}
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}
.demo {
  opacity: 0.6;
}
.active, .demo:hover {
  opacity: 1;
}
img.hover-shadow {
  transition: 0.3s;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#g-feature {
  padding: 0;
}
#g-feature .g-grid {
  background-color: #439A86;
  color: white;
}
#servbutt {
  padding: 0 12px;
  border-radius: 10px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-weight: 900;
  font-size: 3rem;
  background-color: #1EB41B;
  color: #fff;
}
#servsplash {
  padding: 20px;
  border-radius: 10px;
  position: absolute;
  left: 50px;
  top: 40px;
  font-weight: 900;
  font-size: 3rem;
  background-color: #1EB41B;
  width: 350px;
  color: #fff;
  transform: rotate(-5deg);
}
#servslide {
  flex-grow: 1;
  height: 100%;
  background: url('../../../../images/serv.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#famslide {
  flex-grow: 1;
  height: 100%;
  background: url('../../../../images/fam.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#homehead #logo img {
  border-radius: 10px;
}
#famsplash {
  padding: 20px;
  border-radius: 10px;
  position: absolute;
  right: 50px;
  top: 40px;
  font-weight: 900;
  font-size: 3rem;
  background-color: #1EB41B;
  width: 350px;
  color: #fff;
  transform: rotate(5deg);
}
#fambutt {
  padding: 0 12px;
  border-radius: 10px;
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-weight: 900;
  font-size: 3rem;
  background-color: #1EB41B;
  color: #fff;
}
#tgbbutt {
  padding: 0 12px;
  border-radius: 10px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-weight: 900;
  font-size: 3rem;
  background-color: #fff;
  color: #E61B24;
}
#branbutt {
  padding: 0 12px;
  border-radius: 10px;
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-weight: 900;
  font-size: 3rem;
  background-color: #E71A0F;
  color: #fff;
}
#hustlerbutt {
  padding: 0 12px;
  border-radius: 10px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-weight: 900;
  font-size: 3rem;
  background-color: #FFCC3E;
  color: #000;
}
#tgbsplash {
  padding: 20px;
  border-radius: 10px;
  position: absolute;
  left: 50px;
  top: 40px;
  font-weight: 900;
  font-size: 3rem;
  background-color: #fff;
  width: 350px;
  color: #E61B24;
  transform: rotate(-5deg);
}
#tgbslide {
  flex-grow: 1;
  height: 100%;
  background: url('../../../../images/tgbban.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#bransonsplash {
  padding: 20px;
  border-radius: 10px;
  position: absolute;
  right: 50px;
  top: 90px;
  font-weight: 900;
  font-size: 3rem;
  background-color: #E71A0F;
  width: 350px;
  color: #fff;
  transform: rotate(5deg);
}
#bransonslide {
  flex-grow: 1;
  height: 100%;
  background: url('../../../../images/branson.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#innovative {
  padding: 20px;
  border-radius: 10px;
  position: relative;
  left: 30px;
  top: 60px;
  font-weight: 900;
  font-size: 3rem;
  background-color: #FFCC3E;
  width: 350px;
  color: #000;
  transform: rotate(-5deg);
}
#hustlerslide {
  flex-grow: 1;
  height: 100%;
  background: url('../../../../images/hustlerbanner.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#intropic img {
  border-radius: 10px;
}
#welcome {
  font-size: 4rem;
  font-weight: 900;
}
#welcome, #intropic {
  margin-top: 40px;
}
#qkcontact {
  display: flex;
  align-items: center;
  justify-content: center;
}
#suplogos {
  display: flex;
}
#homehead {
  display: flex;
}
#homehead :first-child {
  width: 400px;
}
#homehead > * {
  flex: 1 1;
}
.stickoff {
  padding-top: 102px;
}
#g-subfeature .row p {
  color: #FFFFFF;
}
#g-navigation {
  width: 100%;
  z-index: 100;
  background: #1eb21b;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
/* override browser default */
html, body {
  margin: 0;
  padding: 0;
}
/* use viewport-relative units to cover page fully */
body {
  height: 100vh;
  width: 100vw;
}
/* include border and padding in element width and height */
* {
  box-sizing: border-box;
}
/* full-sized  container that fills up the page */
#g-showcase {
  width: 100vw;
  padding: 10px;
  font-size: 20px;
  background: url('../../../../images/agribak.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  background-attachment: fixed;
}
#g-showcase .g-content, #g-showcase .g-content .platform-content, #g-showcase .g-content .platform-content .moduletable, #g-showcase .g-content .platform-content .moduletable .custom {
  margin: 0;
  padding: 0;
}
.g-grid {
  margin: auto;
}
.swiper-container {
  text-align: center;
  width: 95vw;
  height: 100%;
  min-height: 400px;
  border-radius: 10px;
}
.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  opacity: 1;
  background: #1EB31B;
}
.swiper-pagination-bullet-active {
  color: #000;
  background: #fff;
}
.swiper-slide {
  min-height: 400px;
  display: flex;
  flex-flow: column;
  height: 100%;
}
.fancyfront {
  font-family: 'Lobster', cursive;
  font-size: 5rem;
  display: inline-block;
  margin-top: 1rem;
}
section.cms-boxes .cms-boxes-outer {
  text-align: left;
  margin-bottom: 6px;
  padding: 0 3px;
}
section.cms-boxes .cms-boxes-outer .cms-boxes-slats {
  height: 150px;
  display: table;
  width: 100%;
}
section.cms-boxes .cms-boxes-outer .cms-boxes-items {
  height: 350px;
  display: table;
  width: 100%;
}
section.cms-boxes .cms-boxes-outer .cms-boxes-items p {
  color: #2E58AF;
}
section.cms-boxes .cms-features {
  background: url('https://dwkujuq9vpuly.cloudfront.net/news/wp-content/uploads/2018/02/Lawnmowers-News-MAIN-1-960x480.jpg') 0 0 no-repeat;
  background-size: cover;
}
section.cms-boxes .cms-hedge {
  background: url('https://afewfavouritethings.com/wp-content/uploads/2018/07/Everything-you-need-to-know-about-hedgecutters-1440x810.jpg') 0 0 no-repeat;
  background-size: cover;
}
section.cms-boxes .cms-chain {
  background: url('https://dwkujuq9vpuly.cloudfront.net/news/wp-content/uploads/2018/09/lidl2-chainsaw-960x480.jpg') 0 0 no-repeat;
  background-size: cover;
}
section.cms-boxes .cms-strim {
  background: url('https://cdn.mos.cms.futurecdn.net/KvmyPR7P6KYeVqEhTqHNuU-1920-80.jpg') 0 0 no-repeat;
  background-size: cover;
}
section.cms-boxes .cms-second {
  background-color: #58AF2E;
}
section.cms-boxes .cms-service {
  background-color: #2EAF85;
}
section.cms-boxes .boxes-align {
  display: table-cell;
  vertical-align: middle;
}
section.cms-boxes .small-box {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
  background-color: rgba(67, 205, 91, 0.4);
  border-radius: 10px;
  padding: 20px;
}
section.cms-boxes .large-box {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
  background-color: rgba(67, 205, 91, 0.4);
  border-radius: 10px;
  padding: 20px;
}
section.cms-boxes .slat-box {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
  background-color: rgba(67, 205, 91, 0.4);
  border-radius: 10px;
  padding: 10px;
}
section.cms-boxes .cms-boxes-items h2 {
  font-size: 35px;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 37px;
  text-align: center;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
section.cms-boxes .cms-boxes-items h2 {
  font-size: 35px;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 37px;
  text-align: center;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
section.cms-boxes .cms-boxes-slats h3 {
  font-size: 35px;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 37px;
  text-align: center;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
section.cms-boxes .cms-security {
  background: url('https://lemonbin.com/wp-content/uploads/2020/06/tractor-100518-min.jpg') 0 0 no-repeat;
  background-size: cover;
}
section.cms-boxes .cms-security, section.cms-boxes .cms-documentation {
  background-color: #421058;
}
section.cms-boxes .cms-come {
  background-color: #2EAF85;
}
section.cms-boxes .cms-deliver {
  background-color: #2EAF45;
}
section.cms-boxes .cms-find {
  background-color: #58AF2E;
}
section.cms-boxes .cms-scalability {
  background: url('https://www.culverwells.co.uk/files/agricultural-and-atv/quad-bikes/Kawasaki_KVF300-banner4.jpg') 0 0 no-repeat;
  background-size: cover;
}
section.cms-boxes .cms-built {
  background: url('https://www.solodev.com/assets/tiles/customer-service.jpg') 0 0 no-repeat;
  background-size: cover;
}
section.cms-boxes .cms-security, section.cms-boxes .cms-documentation {
  background-color: #421058;
}
section.cms-boxes .cms-boxes-items:hover, section.cms-boxes .cms-boxes-slats:hover {
  opacity: 0.2;
  cursor: pointer;
}
section.cms-boxes .cms-boxes-items:hover h1, section.cms-boxes .cms-boxes-items:hover h2, section.cms-boxes .cms-boxes-items:hover p, section.cms-boxes .cms-boxes-slats:hover h1, section.cms-boxes .cms-boxes-slats:hover h2, section.cms-boxes .cms-boxes-slats:hover p {
  opacity: 1;
}
/*# sourceMappingURL=custom_home_10.css.map */