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

body, html {
	margin:0;
	padding:0;
}

/* pallette

Primary
	Green Light #75ac29 / rgba(117,172,41,1)
	Green Light #48760e / rgba(72,118,14,1)
	Green Light #606062 / rgba(96,96,98,1)

Secondary
	Green Lighter #b6cf9a / rgba(182,207,154,1)
	Green Light #48760e / rgba(72,118,14,1)
	Green Light #606062 / rgba(96,96,98,1)

*/

section.whiteSolid {
	color:#4d4d4d;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background-color:#fff;
	top: 0px;
}

section.lightGreySolid {
	background-color: #e6e6e6;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	top: 0px;
	color: #4d4d4d;
}

section.greySolid {
	background-color: #2c2c2c;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	top: 0px;
	color: #fff;
}

section.greyGradient {
  	background: 
    	linear-gradient(to bottom right, 
    	rgba(44,44,44,1), 
    	rgba(34,34,34,1));
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	top: 0px;
	color: #fff;
}

section.greyDarkGradient {
  	background: 
    	linear-gradient(to bottom right, 
    	rgba(25,25,25,1), 
    	rgba(10,10,10,1));
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	top: 0px;
	color: #fff;
}

section.greyLightSolid {
	color:#4d4d4d;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(235,235,235,1), rgba(235,235,235,1));
	top: 0px;
}

section.darkGreyClear {
	color:#bebebe;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background-color: #3e3e3e;
	top: 0px;
}

section.blackClear {
	color:#bebebe;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background-color: #161616;
	top: 0px;
}

section.blackClearBottom {
	font-size: 9pt;
	color:#bebebe;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	padding: 20px;
	background: 
		linear-gradient(to bottom right, 
		rgba(0,0,0,0.9), 
		rgba(0,0,0,0.7)), 
		url(../images/banners/shearboxGry.jpg);
	top: 0px;
}

section.blackSolid {
	color:#bebebe;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1));
	top: 0px;
}

.gppLightGreen {
	background-color: #75ac29; 
	font-size: 9pt;
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	padding: 20px;
	top: 0px;
}

.footer {
	background: 
		linear-gradient(to bottom right, 
		rgba(117,172,41,0.9), 
		rgba(72,118,14,0.7)), 
		url(../images/banners/treeConcrete.jpg);
	font-size: 9pt;
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	padding: 20px;
	top: 0px;
}

.subFooter {
	color:#606062;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(235,235,235,1), rgba(235,235,235,1));
	top: 0px;
}

.section-infoSlide {
	height: 300px;
}

.section-fullscreen {
	min-height: 100vh;
}

.section-xlg {
	padding-top: 150px  !important;
	padding-bottom: 150px  !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.section-lg {
	padding-top: 100px  !important;
	padding-bottom: 100px  !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.section-md {
	padding-top: 75px  !important;
	padding-bottom: 75px  !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.section-sm {
	padding-top: 50px  !important;
	padding-bottom: 50px  !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.section-xsm {
	padding: 20px  !important;
}

.flex-vertical-left {
	display: flex !important;
	align-items: center !important;
	justify-content: left !important;
	vertical-align:middle !important;
}

.flex-vertical-center {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align:middle !important;
}

.flex-vertical-right {
	display: flex !important;
	align-items: center !important;
	justify-content: right !important;
	vertical-align:middle !important;
}

.instagramColor {
	background:
    linear-gradient(to top right, 
    #ffdc80, 
    #fcaf45, 
    #f77737, 
    #f56040, 
    #fd1d1d, 
    #e1306c, 
    #c13584, 
    #833ab4, 
    #5851db);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#logo_overlay {
	position: absolute;
	vertical-align: middle !important;
	top: 10px !important;
	left: 25vh !important;
	height: auto !important;
	width: 500px !important;
	z-index: 100 !important;
}

.logoMobile {
	display:none;
}

/* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background: rgba(255,255,255,0);
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 14px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #ef8834;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #e7551e;
  text-decoration: none;
}

#fsbg {
	width: 100%;
	position: fixed;
	z-index: -100;
	left: 0px;
	top: 0px;
	min-height: 100%;
	min-width: 1920px;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.infoImage {
  position: relative;
  margin: 5px 5px 5px 5px;
}

.infoImage .content {
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  color: #4d4d4d;
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  vertical-align: bottom;
}

.infoImage2 {
  position: relative;

}

.infoImage2 .content {
  position: absolute;
  bottom: 0;
  background: rgba(77, 77, 77, 0.8);
  color: #f1f1f1;
  width: 100%;
  height: 100px;
  padding: 20px;
  border-radius: 3px;
}

.infoImage3 {
  position: relative;

}

.infoImage3 .content {
  position: absolute;
  bottom: 0;
  background: rgba(77, 77, 77, 0.5);
  color: #f1f1f1;
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 3px;
  vertical-align: bottom;
}

.i .fa-solid .fa-star {
	color: red;
}

li {
	list-style: #9726;
}

@media (max-width: 600px){
	.logoMobile {
		display: block;
		z-index: 100;
	}
	
	#logo_overlay {
	}

	.logoPC {
		display:none;
	}

}