/* 
  -----------------------------------
  7RENDERED 
  Custom CSS
  -----------------------------------
*/

/* Add your Exception and Custom Rules Here*/

.logo{
	margin:0px;
	padding:0px;
	position: absolute;
	top: 0px;
	z-index: 999999999;
	width: 100%;
	background-color:rgba(255,255,255,.0)
	}
.menu{
	margin:0px;
	padding:0px;
	padding-top:70px;
	position: absolute;
	top: 0px;
	z-index: 999999999;
	width: 100%;
	background-color:rgba(255,255,255,.0);
	}

#home {
	padding: 0px;
	margin: 0px;
	vertical-align: baseline;
}
#home1 {
	height: auto;
	background-image: url(img/top1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 50%;
}
#home2 {
	height: auto;
	background-image: url(img/top2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 25% 50%;
}
#home3 {
	height: auto;
	background-image: url(img/top3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 60% 30%;
}
#home1 img {
	padding-top: 280px;
	padding-bottom: 10px;
	max-width: 70%;
}
#home2 img {
	padding-top: 280px;
	padding-bottom: 10px;
	max-width: 70%;
}
#home3 img {
	padding-top: 280px;
	padding-bottom: 10px;
	max-width: 70%;
}
#home h1 {
	font-family: 'monsterrat', arial, sans serif;
	font-weight: 700;
	padding-top: 380px;
	padding-bottom: 0px;
	margin-bottom: .5em;
	font-size: 500%;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	letter-spacing: -5px;
}
#home h2 {
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 30px;
	font-size: 105%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	text-transform: uppercase;
	letter-spacing: 7px;
}
#home p {
	text-align: center;
}
.main {
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	vertical-align: baseline;
}
.main h1 {
	font-family: 'monsterrat', arial, sans serif;
	font-weight: 700;
	padding-top: 380px;
	padding-bottom: 0px;
	font-size: 500%;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	letter-spacing: -5px;
}
.main h2 {
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 30px;
	font-size: 130%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	text-transform: uppercase;
	letter-spacing: 15px;
}
.main p {
	text-align: center;
}
#about{
	height: auto;
	background-size: cover;
	background-image: url(img/top2.jpg);
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
#services{
	height: auto;
	background-size: cover;
	background-image: url(img/services.jpg);
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
#products{
	height: auto;
	background-size: cover;
	background-image: url(img/rock.jpg);
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
#areas{
	height: auto;
	background-size: cover;
	background-image: url(img/areas.jpg);
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
#quote{
	height: auto;
	background-size: cover;
	background-image: url(img/dump-truck.jpg);
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
#employment{
	height: auto;
	background-size: cover;
	background-image: url(img/wheel.jpg);
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
#contact{
	height: auto;
	background-size: cover;
	background-image: url(img/main-contact.jpg);
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
#links{
	height: auto;
	background-size: cover;
	background-image: url(img/connect.jpg);
	background-position: 50% 50%;
	background-repeat:no-repeat;
}

#three-step{
	background-position: 50% 0%;
	
}
#three-step h2 {
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 100%;
	color: rgba(255,255,255,1.00);
	text-transform: uppercase;
	letter-spacing: 5px;
}
#three-step h3 {
	font-family: 'monsterrat', arial, sans serif;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 300%;
	color: rgba(255,255,255,1.00);
	text-transform: uppercase;
	letter-spacing: 10px;
}
.snow {
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	vertical-align: baseline;
	border-bottom: 1px solid rgba(171,171,171,1.00);
}
.snow h3 {
	font-family: 'monsterrat', arial, sans serif;
	color: #ffffff;
	font-size: 250%;
	font-weight: 700;
	letter-spacing: -2px;
	text-transform: uppercase;
	line-height: normal;
}
.snow h5 {
	font-family: 'Open Sans', sans serif;
	font-size: 120%;
	color: #8BC540;
}
.snow p {
	font-family: 'Open Sans', sans serif;
	line-height: normal;
	color: #D3D3D3;
	font-size: 100%;
}
.snow a:link {
	text-decoration: none;
}
.snow a:hover {
	text-decoration: none;
}
.snow a:visited {
	text-decoration: none;
}
.snow ul{
	padding-bottom: 10px;
	list-style: none;
	margin: 0;
}
.snow ul li{
	color: #ffffff;
	float: none;
	font-size: 80%;
}
.snow ul a{
	}
.snow img{
	text-align: center;
}
.red {
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	vertical-align: baseline;
}
.red h3 {
	font-family: 'monsterrat', arial, sans serif;
	color: #ffffff;
	font-size: 250%;
	font-weight: 700;
	letter-spacing: -2px;
	text-transform: uppercase;
	line-height: normal;
}
.red h5 {
	font-family: 'Open Sans', sans serif;
	font-size: 120%;
	color: #8BC540;
}
.red p {
	font-family: 'Open Sans', sans serif;
	line-height: normal;
	color: #D3D3D3;
	font-size: 100%;
}
.red a:link {
	text-decoration: none;
}
.red a:hover {
	text-decoration: none;
}
.red a:visited {
	text-decoration: none;
}
.red ul{
	padding-bottom: 10px;
	list-style: none;
	margin: 0;
}
.red ul li{
	color: #ffffff;
	float: none;
	font-size: 80%;
}
.red ul a{
	}
.red img{
	text-align: center;
}
.serv {
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	vertical-align: baseline;
	padding-top: 50px;
	padding-bottom: 50px;
	/* [disabled]border-bottom: 1px solid rgba(171,171,171,1.00); */
}
.serv h3 {
	font-family: 'Open Sans', sans serif;
	color: #707070;
	font-size: 250%;
	font-weight: 700;
	letter-spacing: -2px;
	text-transform: uppercase;
	line-height: normal;
}
.serv h5 {
	font-family: 'Open Sans', sans serif;
	font-size: 120%;
	color: #8BC540;
}
.serv p {
	font-family: 'Open Sans', sans serif;
	line-height: normal;
	color: #707070;
	font-size: 100%;
}
.serv a:link {
	text-decoration: none;
}
.serv a:hover {
	text-decoration: none;
}
.serv a:visited {
	text-decoration: none;
}
.serv ul{
	padding-bottom: 10px;
	list-style: none;
	margin: 0;
}
.serv ul li{
	color: #ffffff;
	float: none;
	font-size: 80%;
}
.serv ul a{
	}
.serv img{
	text-align: center;
}
a.button-serv, a.button-serv:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 90%;
	text-transform: uppercase;
	border: 2px solid rgba(255,255,255,1.00);
	margin-top: 20px;
	color: rgba(255,255,255,1.00);
	border-radius: 25px;
}
a.button-serv:hover, a.button-serv:focus {
	background-color: rgba(255,255,255,0.30);
	outline: none;
}
#landscape-rock{
	color:#ffffff;
}
#road-salt{
	padding-bottom: 0px;
}
#sand-gravel-rock{
	padding-top: 0px;
}
#ball-lime{
	padding-bottom: 0px;
}
#ag-lime{
	padding-top: 0px;
}
#fertilizer{
	padding-top: 0px;
}
#fertilizer h3{
	color: #F5DE8D;
}
	
#p7LBNAV_2 ul a{
	color: #07700D;
	}

#privacy {
	height: auto;
	background-position: center bottom;
	background-size: cover;
	padding-bottom: 0px;
}
#privacy h2 {
	font-family: 'monsterrat', arial, sans serif;
	font-weight: 100;
	font-size: 350%;
	letter-spacing: -.5px;
	text-transform: uppercase;
	line-height: normal;
	padding-top: 50px;
	margin-bottom:0px;
	text-align: center;
}
#times {
	height: auto;
	text-align: center;
	background-position: center bottom;
	background-size: cover;
	padding-bottom: 0px;
}
#times h2 {
	font-family: 'monsterrat', arial, sans serif;
	font-weight: 700;
	font-size: 450%;
	letter-spacing: -.5px;
	text-transform: uppercase;
	line-height: normal;
	padding-top: 150px;
	margin-bottom:0px;
	text-align: center;
}
#times h3 {
}
#times ul li{
	list-style-type: none;
}
#photo {
    padding: 0;
    border: 0;
	height: 500px;
	max-height: 500px;
	background-size: cover;
}
#sponsors {
	background-position: center top;
	background-size: cover;
}
#highlight {
	font-weight: normal;
	font-size: 80%;
}
#highlight h2 {
	color: #7B7B7B;
	font-family: 'monsterrat', arial, sans serif;
	font-weight: 300;
	line-height: normal;
	margin-top: 0px;
	letter-spacing: -2px;
	text-transform: none;
	padding-top: 50px;
}
#sep {
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
#sep img {
	width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
#directions {
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
#directions img {
	width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
#promo {
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
#promo img {
	width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
#whitepage h1 {color: #222222;
}

.footer a {
	color: #5E5E5E;
	text-decoration: none;
}
.footer a:visited {
	color: #5E5E5E;
	text-decoration: none;
}	 
.footer a:hover, .footer a:focus {
	color: #9A9A9A;
	text-decoration: none;
 }
#links {
	background-size: cover;
	text-align: center;
	font-weight:normal;
}
#links a:link {
	text-decoration: none;
}
#links a:hover {
	text-decoration: none;
}
#links a:visited {
	text-decoration: none;
}
#links ul{
	padding-bottom: 30px;
	list-style: none;
	margin: 0;
}
#links ul li{
	float: none;
}
#links ul a{
	text-decoration: none;
	font-weight:300;
	text-transform: uppercase;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 30px;
	padding-right: 30px;
	border-left-style: none;
	font-size: 10px;
	float: left;
	}
#footer{
	color: #888888;
	font-size: 65%;
}
.sevenr-footer a {
	color: #5B5B5B;
	text-decoration: none;
}
.sevenr-footer a:visited {
	color: #5B5B5B;
	text-decoration: none;
}	 
.sevenr-footer a:hover, .sevenr-footer a:focus {
	color: #E0DDCE;
	text-decoration: none;
 }
.footer {
	box-sizing: border-box;
	color: #D3D3D3;
	text-transform: uppercase;
	font-weight: normal;
}
.sevenr-footer {
	padding-top: .5em;
	padding-right: .3em;
	padding-left: .3em;
	padding-bottom: .5em;
	text-align: center;
	box-sizing: border-box;
	color: #C5C4C4;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	font-weight: normal;
}
.archive-heading {
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
 }
.archive-champion {
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: rgba(0,97,197,1.00);
 }
.archive-title {
	font-size: 130%;
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 1px;
	color: rgba(126,126,126,1.00);
	padding-top: 22px;
 }
.sponsor-title {
	font-size: 90%;
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 5px;
	color: rgba(126,126,126,1.00);
	padding-top: 22px;
 }
.spread-title {
	font-size: 120%;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 5px;
	color: rgba(126,126,126,1.00);
 }

a.button-link, a.button-link:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	margin-bottom: 150px;
	font-size: 90%;
	text-transform: uppercase;
	border: 2px solid rgba(255,255,255,1.00);
	margin-top: 20px;
	color: rgba(255,255,255,1.00);
	border-radius: 25px;
}
a.button-link:hover, a.button-link:focus {
	background-color: rgba(255,255,255,0.30);
	outline: none;
}
a.button-linkdark, a.button-linkdark:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	border: 2px solid #c7c7c7;
	margin-top: 20px;
	color: #c7c7c7;
	border-radius: 25px;
}
a.button-linkdark:hover, a.button-linkdark:focus {
	background-color: rgba(255,255,255,0.30);
	outline: none;
}
a.dark-link, a.dark-link:visited {
	color: #c7c7c7;
	text-decoration: none;
	font-weight: normal;
}
a.dark-link:hover, a.dark-link:focus {
	color: #ffffff;
	text-decoration: none;
}
a.dark-button {
	display: inline-block;
	color: rgb(255, 255, 255);
	background-color: #999999;
	padding: 10px 25px;
	font-size: 70%;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 25px;
}
a.dark-button:hover {
	background-color: rgba(96,96,96,1.00);
	color: #FFF;
}
a.mast-button {
	background-color: rgba(255,255,255,0.30);
	border: 2px solid rgba(255,255,255,1.00);
	text-transform: uppercase;
	padding-top: 7px;
	padding-right: 35px;
	padding-left: 68px;
	padding-bottom: 7px;
	color: #FFFFFF;
	font-size: 90%;
	letter-spacing: 3px;
	background-image: url(img/stickit-background.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-decoration: none;
}
a.mast-button:hover {
	background-color: rgba(255,255,255,0.10);
	color: #FFF;
	border-color: inherit;
}
a.register-button {
	background-color: rgba(255,255,255,0.30);
	border: 2px solid rgba(255,255,255,1.00);
	text-transform: uppercase;
	padding-top: 7px;
	padding-right: 35px;
	padding-left: 68px;
	padding-bottom: 7px;
	color: #FFFFFF;
	font-size: 90%;
	letter-spacing: 3px;
	background-image: url(img/stickit-background.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-decoration: none;
}
a.register-button:hover {
	background-color: rgba(255,255,255,0.10);
	color: #FFF;
	border-color: inherit;
}
a.register-button-onwhite {
	background-color: rgba(255,255,255,0.30);
	border: 2px solid rgba(255,255,255,1.00);
	text-transform: uppercase;
	padding-top: 7px;
	padding-right: 35px;
	padding-left: 68px;
	padding-bottom: 7px;
	color: #575757;
	font-size: 90%;
	letter-spacing: 3px;
	background-image: url(img/stickit-background.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-decoration: none;
	}
a.register-button-onwhite:hover {
	background-color: rgba(255,255,255,0.10);
	color: #FFF;
	border-color: inherit;
}
.pink-text {
	color: #F83CAA;
}
.yellow-text {
	color: #fcb040;
}
.lightblue-text {
	color: #00C7D5;
}
.imagepad {
	padding-top: 140px;
}
.spread-letter{
	letter-spacing:10px;
}
.icon-none {
	background-image: none;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 30px;
	padding-bottom: 10px;
}
.icon-centered {
	text-align: center;
}
.real-thin {
	font-weight: 100;
}


/*Medium/large windows - reduce padding content padding*/
@media only screen and (min-width: 1400px) and (max-width: 1900px) {
#home1 {
	height: auto;
	overflow: hidden;
	line-height: 1em;
	padding-bottom: 300px;
	background-position: 10% 65%;
}
#home2 {
	height:auto;
	overflow:hidden;
	line-height: 1em;
	padding-bottom: 300px;
	background-position: 0% 50%;
}
#home3 {
	height:auto;
	overflow:hidden;
	line-height: 1em;
	padding-bottom: 300px;
	background-position: 0% 100%;
}
#home h1 {
	padding-bottom: 0px;
}

#home1 img {
	padding-top: 170px;
	max-width: 50%;
}
#home2 img {
	padding-top: 170px;
	max-width: 50%;
}
#home3 img {
	padding-top: 170px;
	max-width: 50%;
}
}

@media only screen and (min-width: 767px) and (max-width: 1100px) {
#home1 {
	height: auto;
	padding-bottom: 300px;
	background-position: 60% 100%;
}
#home2 {
	height: auto;
	padding-bottom: 300px;
	background-position: 20% 50%;
}
#home3 {
	height: auto;
	padding-bottom: 300px;
	background-position: 50% 50%;
}
#photo {
	height: auto;
	padding-top: 150px;
	padding-bottom: 150px;
	background-position: 50% 50%;
	background-attachment: scroll;
	}
	
#home1 img {
	padding-top: 250px;
	max-width: 70%;
}
#home2 img {
	padding-top: 225px;
	max-width: 70%;
}
#home3 img {
	padding-top: 250px;
	max-width: 70%;
}
#home h1 {
	line-height: normal;
	margin-bottom: 0px;
	
}

.p7LBNAV ul a {
	padding-right: 1px;
	padding-left: 14px;
	letter-spacing: 0px;
	}

}
/*Media Query for all devices at screen/browser widths of 700px or less*/
@media only screen and (min-width: 0px) and (max-width: 700px) {

.p7LBNAV.lbnav-buttonized ul a {
	background-color: rgba(95,95,95,1.00);
	border-bottom: 1px solid rgba(105,105,105,1.00);
}
.p7LBNAV-toolbar, .lbm-column {
	padding-bottom:0px;
}
.menu{
	background-color:#111111;
	}
#home1 {
	background-position: 40% 90%;
}
#home2 {
	background-position: 50% 50%;
}
#home3 {
	background-position: 20% 50%;
}
#home1 img {
	padding-top: 300px;
	padding-bottom: 10px;
	max-width: 70%;
}
#home2 img {
	padding-top: 280px;
	padding-bottom: 10px;
	max-width: 70%;
}
#home3 img {
	padding-top: 300px;
	padding-bottom: 10px;
	max-width: 30%;
}
#home h1 {
	padding-top: 250px;
	line-height: normal;
	font-size: 350%;
	letter-spacing: -3px;
	margin-bottom: 0px;
}
#home h2 {
	letter-spacing: 5px;
}
.main h1 {
	padding-top: 300px;
	font-size: 350%;
	line-height: .8em;
	letter-spacing:-3px;
}
.main h2 {
	letter-spacing: 4px;
}
#about{
	background-position: 50% 50%;
	background-size:cover;
	background-repeat:no-repeat;
}
#services{
	background-position: 20% 50%;
	background-size:cover;
	background-repeat:no-repeat;
}
#products{
	background-position: 70% 50%;
	background-size:cover;
	background-repeat:no-repeat;
}
#areas{
	background-position: 50% 50%;
	background-size:cover;
	background-repeat:no-repeat;
}
#quote{
	background-position: 45% 50%;
	background-size:cover;
	background-repeat:no-repeat;
}
#employment{
	background-position: 45% 70%;
	background-size:cover;
	background-repeat:no-repeat;
}
#links{
	background-position: 0% 80%;
	background-size:cover;
	background-repeat:no-repeat;
}
#landscape-rock{
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
.snow {
	text-align:center;
	padding: 10px 10px;
}
.snow p {
	font-size: 100%;
}
.serv {
	height: auto;
	padding: 20px;
	text-align:center;
}
.lbm-right {
    text-align: center; 
}
#contact{
	background-position: 65% 40%;
	background-size:auto;
	background-repeat:no-repeat;
}
#p7LBNAV_2.lbnav-buttonized ul a {
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(208,208,208,1.00);
}
#common h2 {
	padding-top: 0px;
}
.archive-title {
	font-size: 90%;
 }

a.button-link, a.button-link:visited {
	margin-bottom: 100px;
}
#photo {
	background-position: 60% 50%;
	background-attachment: scroll;
}
}

/*Media Query for smartphones*/
@media only screen and (max-device-width: 480px) {

.lbm-ehc img.scalable,
.lbm-ehc img.scalable-rounded,
.lbm-ehc img.scalable-fancy {
	width: auto; 
}
.lbm-column {
	padding-left: 0px; 
	padding-right: 0px;
	
}
}

/*Media Query for smartphones in landscape mode*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {

}