@import url("https://lakesidegrain.com/css/lakeside-add.css");
html {background: #003c71;scroll-behavior: smooth;}
body {width: 100%;max-width: 1920px;background: transparent;padding: 0px;margin: 0px auto;}
body {font-family: "Segoe UI",Arial,Sans-Serif;font-size: 16px;color: #333333;}
hr {background-color: #D5D5D5;color: none;width: auto;height: 1px;border: 0px;margin: 20px 0px;padding: 0px;}
.service li {margin: 5px 0px 5px;}
.offset:before { 
	display: block;
 	content: " "; 
  	height: 120px;
    margin-top: -120px;
    visibility: hidden; 
}
/*========== REMOVE COLUMN PADDING ==========*/
.no-gutter {
   padding: 0 !important;
   margin: 0 !important;
   margin: 0 auto;
}
/*========== MAP ==========*/
.map-circle {
    display: block;
    position: absolute;
	top: 0;
	right: 30px;
	border: 0;
	overflow: hidden;
	font-size: 24px;
	color: #FFFFFF;
    background: #B7BF10;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 5px 0px 0px;
    margin: 10px auto;
}
.map-circle:hover {background: #006699;}
.map-add {font-size: 16px;letter-spacing: 0px;}
.modal-header {background: #F2F2F2;}
.map-logo {display: block;box-sizing: border-box;border: 0px;background: transparent;width: 100%;max-width: 240px;height: auto;padding: 5px 0px 10px;margin: 10px auto 10px;}
.close {
    font-size: 30px;
	color: #111111;
}
.circle {
    display: block;
    position: relative;
    background: #FFFFFF;
    border-radius: 50%;
    width: 200px;
    height: 200px;
	border: 10px solid #DDDDDD;
    text-align: center;
    padding: 0;
    margin: 15px auto 30px;
}
.circle {
	background-color: #FFFFFF;
    background-image: url("https://www.lakesidegrain.com/images/lakeside-circle.jpg");
    background-repeat: no-repeat;
    background-position: center center;
	}
.border-r {border-right: 1px solid transparent;}
.border-l {border-left: 1px solid transparent;}
.brown {color: #446600;line-height: 130%;text-align: center;margin: 20px 0px;}
/*========== BUTTONS ==========*/
.btn-download {display: block;border: 2px solid #111111;font-size: 14px;font-family: Helvetica,Arial,Sans-Serif;background-color:#669999;color:#FFFFFF;text-align: center;line-height: 45px;width: 150px;height: auto;font-weight: normal;letter-spacing:1px;padding: 0px;margin:0px auto;}
.btn-download:visited {background-color:#666666;color:#FFFFFF;text-decoration: none;}
.btn-download:hover {background-color:#98A42F;color:#FFFFFF;text-decoration: none;}
.btn-download:active {background-color:#98A42F;color:#FFFFFF;text-decoration: none;}
/*========== PAGE GEN / CONTAINERS ==========*/
.wide-wrap {	position: relative;	display: block;	box-sizing: border-box;	background: #B7BF10;	text-align: center;	width: 100%;	max-width: 1920px;	height: auto;	padding: 0px;	padding-bottom: 0px;	margin: 0px auto;	}
.page-gen {	background: #B7BF10;	color: #33A0FF;	}
.page-gen h3 {	background: transparent;	color: #B7BF10;	}
.page-gen-title {
    display: block;
    box-sizing: border-box;
    font-family: 'Merriweather', serif,cambria,georgia;
    text-align: center;
    width: 100%;
    height: auto;
    background: #33a0ff;
    padding: 15px;
    margin: 0 auto;
    border-bottom: solid 2px #FFFFFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
.page-gen-title h3 {	font-size: 24px;	letter-spacing: 2px;	color: #FFFFFF;	margin: 0;	}
.page-gen-title-side {	text-align: center;	font-weight: bold;	color: #B7BF10;	margin: 40px auto 0;	}
.pro-serv-wrap {	display: block;	width: 100%;	height: auto;	padding: 0px;	margin: 0px 0px 15px;	}	.pro-serv-wrap h2 {	font-size: 36px;	}
.pro-serv-list {	text-align: left;	}
.logo-group {	display: inline-block;	max-width: 100%;	background: #FFFFFF;	padding: 5px;	margin: 10px auto 10px;	border-radius: 15px;	}
.vertical-menu {	width: 100%;	max-width: 480px;	margin: 30px auto 20px;	}
.vertical-menu a {	cursor: pointer;	background-color: #dff3ff;	color: #003C71;	text-align: center;	display: block;	padding: 12px;	text-decoration: none;	line-height: 130%;	letter-spacing: 0px;	border-bottom: 1px solid white;	transition: .2s ease;	}
.vertical-menu a:hover {
	font-weight: bold;
	background-color: #FFFFFF;
	color: #005299;
	letter-spacing: 1px;
	}
.vertical-menu a.focus {
	font-weight: bold;
	background-color: #B7BF10;
	color: white;
	}.vertical-menu img {	border-radius: 15px 15px 0 0;	}
.location-menu {	width: 100%;
	max-width: 480px;
	margin: 30px auto 20px;
	}
.location-menu a {	background-color: #dff3ff;
	color: #003C71;
	text-align: center;
	display: block;
	padding: 12px;
	text-decoration: none;
	line-height: 130%;
	border-bottom: 1px solid white;
	letter-spacing: 0px;
	transition: .2s ease;
	}
.location-menu a:hover {
	font-weight: bold;
	background-color: #FFFFFF;
	color: #005299;
	letter-spacing: 1px;
	}
.location-menu a.focus {
	font-weight: bold;
	background-color: #B7BF10;
	color: white;
	}.location-menu img {	border-radius: 15px 15px 0 0;	}
.top-bot-sent {background: #B7BF10;min-height: 1080px;}
.top-bot-sent h2 {display: block;font-size: 2em;font-weight: normal;text-align: center;color: #333300;padding: 80px 30px 30px;margin: 0px auto;}
.top-bot-sent p {display: block;font-size: 22px;text-align: center;color: #FFFFFF;padding: 10px 30px 60px;margin: 0px auto;}
.call-today:link, .call-today:visited {
	display: block;
	cursor: pointer;
	border-radius: 2px;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 1px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
	padding: 12px 20px;
	margin: 20px auto 0px;
	background-color: #B7BF10;
	transition: .2s ease;
}
.call-today:hover, .call-today:active {background-color: #003C72;
	background-image: -webkit-linear-gradient(to right, #33a0ff, #003c71);
	background-image: -o-linear-gradient(to right, #33a0ff, #003c71);
	background-image: -moz-linear-gradient(to right, #33a0ff, #003c71);
	background-image: linear-gradient(to right, #33a0ff, #003c71);
	color: #EEEEEE;}
.pro-serv-wrap h2 {text-align: center;color: #003C72;font-weight: bold;}
/*========== DOWNLOADS ==========*/
.downloads {border: 2px solid #84cdfb;background: #F9F9F9;border-radius: 0px 15px 15px 15px;padding: 20px 20px 10px;margin: 0px 0px 20px;}
.downloads h3 {color: #555555;text-align: left;padding: 0px;margin: 0px 0px 20px;}
.downloads p {color: #555555;}
.load:link, .load:visited {display: block;color: #0066CC;border-bottom: 1px solid transparent;text-decoration: none;font-size: 14px;text-align: left;line-height: 130%;padding: 0px 0px 7px;margin: 0px;margin-bottom: 8px;transition: all 300ms ease;}
.load:hover, .load:active {color: #669900;border-bottom: 1px solid #99CC00;text-decoration: none;}
/*==== Newsletter ====*/
.zoom-ag:link, .zoom-ag:visited {text-decoration: none;color: #607d8b;margin: 12px 0px;}
.zoom-ag:hover, .zoom-ag:active {background-color: #EEEEEE;text-decoration: none;}
.zoom-ag-team {background-color: #006dcc;color: #EEEEEE;font-size: 15px;font-weight: bold;letter-spacing: 4px;text-align: center;text-transform: uppercase;padding: 12px 15px;margin: 0 auto;}
.zoom-ag-news {background-color: #607d8b;color: #FFFFFF;font-size: 15px;font-weight: bold;letter-spacing: 4px;text-align: center;text-transform: uppercase;padding: 12px 15px;margin: 0 auto;}
.zoom-ag h4 {color: #669900;padding: 0px 15px 15px;text-align: center;margin: 0 auto;}
.zoom-ag p {font-size: 15px;padding: 15px;padding-bottom: 0px;}
.zoom-ag:hover a {text-decoration: none;}
.zoom-container {
  position: relative;
  background-color: white;
  width: 300px;
  height: auto;
  padding: 0px 0px 5px;
  margin: 15px auto 15px
}
.zoom-image {
  max-width: 100%;
  height: auto;
}
.zoom-over {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #33a0ff;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: .3s ease;
}
.zoom-container:hover .zoom-over {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.text {
  color: white;
  font-size: 24px;
  font-style: italic;
  line-height: 130%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.color-01 {color: #FF9900;}
.color-02 {background-color: #607d8b;}
.news-bk {height: 235px;}
.solo-link {display: block;color: #006600;text-align: center;padding: 0px 0px 15px;margin: -5px auto 0px;}
/*========== HEADER ==========*/
header {display: block;box-sizing: border-box;width: 100%;height: auto;padding: 20px 0px 20px;margin: 60px auto 20px;transition: 	all ease 200ms;
	background: #FFFFFF;
	background-image:url('https://www.lakesidegrain.com/images/stone-bk.jpg');
    background-position: center;
    background-repeat: repeat;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
header h3 {display: block;color: #BBBBBB;font-size: 18px;font-weight: bold;background: transparent;letter-spacing: 6px;line-height: 130%;width: auto;text-align: center;padding: 10px 15px 0px;margin: 0px auto;}
header:hover {opacity: 0.30;filter: alpha(opacity=30);}
.logo-wrap {display: block;box-sizing: border-box;border: 0px;background: transparent;width: 100%;max-width: 500px;height: auto;padding: 0px 15px 0px;margin: 0px auto 10px;}
.logo-wrap-page {display: block;box-sizing: border-box;border: 0px;background: transparent;width: 100%;max-width: 400px;height: auto;padding: 0px 15px 0px;margin: 0px auto 10px;}
.page-bk-01 {
	text-align: center;
	overflow: auto;
    width: 100%;
    height: 100%;
	margin: 0px auto;
	background-color: transparent;
    background-attachment: scroll;
    background-image:url('https://www.lakesidegrain.com/locations/images/page-bk-01.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/*========== FOCUS ==========*/
.focus {position: relative;display: block;box-sizing: border-box;width: 100%;max-width: 360px;height: auto;min-height: 300px;background: #669900;padding: 20px;margin: 0px auto 0px;opacity: 0.8;filter: alpha(opacity=80);
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;}
.focus h3 {color: #FFFFFF;letter-spacing: 1px;}
.focus p {color: #001100;}
.focus-img {display: block;box-sizing: border-box;background: #FFAA00;text-align: center;width: 100%;max-width: 360px;height: auto;border: 0px;padding: 0px;margin: 20px auto 0px;}
.focus-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.focus-overlay:hover {border: 1px solid orange;}

/*========== FOCUS THREE ==========*/
a.focus3:link, a.focus3:visited {
	position: relative;
    background-color: #669900;
    color: #003366;
	width: 100%;
	max-width: 360px;
	min-height: 450px;
    padding: 0px;
	margin: 20px auto 0px;
    text-align: center;
    text-decoration: none;
    display: block;
	opacity: 0.9;filter: alpha(opacity=90);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;}

a.focus3:hover, a.focus3:active {
    background-color: #FF9900;
	text-decoration: none;
	transition: ease 200ms;
}

.focus3 {display: block;overflow: hidden;width: auto;height: auto;padding: 0px;margin: 0 auto;}
.focus3 img {display: block;text-align: center;width: 100%;max-width: 360px;max-height: 150px;padding: 0px;margin: 0 auto;}
.focus3 h3 {color: #FFFFFF;letter-spacing: 1px;padding: 15px 15px 0px;}
.focus3 p {color: #001100;padding: 15px 15px 0px;}
.focus-arrow {display: inline-block;font-size: 1.50em;text-align: center;width: 100%;height: auto;padding: 15px;margin: 0 auto;}
.focus-arrow:hover {padding: 30px 15px 0px;transition: ease 200ms;}

/*========== PRECISION AG LINK ==========*/
a.precision-1:link, a.precision-1:visited {
	position: relative;
    background-color: transparent;
    color: #00CCFF;
	width: 100%;
	max-width: 300px;
	max-height: 600px;
    padding: 0px;
	margin: 30px auto 0px;
    text-align: center;
    text-decoration: none;
    display: block;
}

a.precision-1:hover, a.precision-1:active {
    background-color: transparent;
	text-decoration: none;
	transition: .5s ease;
}

.precision-1 img {display: block;max-width: 100%;height: auto;padding: 0px;margin: 0 auto;}

/*========== PROMO LINK ==========*/
a.promo-1:link, a.promo-1:visited {
	position: relative;
    background-color: #124A71;
    color: #00CCFF;
	width: 100%;
	max-width: 300px;
	max-height: 600px;
    padding: 0px;
	margin: 30px auto 20px;
    text-align: center;
    text-decoration: none;
    display: block;
	-moz-border-radius: 0px 0px 7px 7px;-webkit-border-radius: 0px 0px 7px 7px;border-radius: 0px 0px 7px 7px;}
	/* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important; */
}

a.promo-1:hover, a.promo-1:active {
    background-color: #006699;
	text-decoration: none;
	transition: .5s ease;
}

.promo-1 h2 {font-size: 24px;text-align: center;letter-spacing: 0px;background: #222222;color: #777777;padding: 10px;margin: 0 auto;}
.promo-1:hover h2 {color: #B7BF10;background: #111111;letter-spacing: 2px;transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;}
.promo-1 h4 {color: #006699;font-weight: bold;letter-spacing: 1px;text-align: center;padding: 15px;margin: 0 auto;}
.promo-1:hover h4 {letter-spacing: 2px;transition: .5s ease;}
.promo-1 img {display: block;max-width: 100%;height: auto;padding: 0px;margin: 0 auto;}
.promo-1 p {font-size: 14px;color: #CCCCCC;text-align: center;letter-spacing: 1px;padding: 15px;margin: 0 auto;}
.promo-1:hover p {color: #EEEEEE;}

/*========== PROMO 2 BTN ==========*/
a.promo-2:link, a.promo-2:visited {
	position: relative;
	display: block;
    background-color: #222222;
    color: #99BBBB;
	width: 100%;
	max-width: 300px;
	max-height: auto;
    padding: 0px;
	margin: 20px auto 20px;
    text-align: center;
    text-decoration: none;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	transition: .5s ease;
	}
a.promo-2:hover, a.promo-2:active {
    background-color: #00294d;
	text-decoration: none;
}
.promo-2 img {display: block;box-sizing: border-box;background: transparent;text-align: center;width: 100%;height: auto;border: 0px;padding: 0px;margin: 0px auto 0px;}
.promo-2 h3 {color: #B6C527;letter-spacing: 1px;padding: 20px 30px 15px;margin: 0px;}
.promo-2 p {font-size: 16px;color: #99BBBB;line-height: 150%;padding: 0px 30px 25px;margin: 0px;}
.promo-2 h5 {display: inline-block;font-size: 14px;font-family: Helvetica,Arial,Sans-Serif;background-color:#669900;color:#FFFFFF;text-align: center;line-height: 40px;width: 150px;height: auto;font-weight: normal;letter-spacing:1px;padding: 0px;margin:0px auto 20px;transition: .5s ease;}
.promo-2:hover h5 {background-color: #B6C527;}
/*========== SPromo-1 ==========*/
a.SPro-1:link, a.SPro-1:visited {
	position: relative;
	display: block;
    background-color: #222222;
    color: #999999;
	text-align: center;
    text-decoration: none;
	width: 100%;
	max-width: 300px;
	max-height: 250px;
    padding: 0px;
	margin: 20px auto 20px;
	-moz-border-radius: 0px 0px 7px 7px;-webkit-border-radius: 0px 0px 7px 7px;border-radius: 0px 0px 7px 7px;
	transition: .5s ease;
	}
a.SPro-1:hover, a.SPro-1:active {
    background-color: #111111;
	text-decoration: none;
}
.SPro-1 img {display: block;box-sizing: border-box;background: transparent;text-align: center;width: 100%;height: auto;border: 0px;padding: 0px;margin: 0px auto 0px;}
.SPro-1 h4 {font-size: 22px;color: #B6C527;letter-spacing: 1px;padding: 20px 30px 15px;margin: 0px;}
.SPro-1 p {font-size: 14px;color: #99BBBB;line-height: 150%;padding: 0px 30px 25px;margin: 0px;}
.SPro-1 h5 {display: inline-block;border: 2px solid #151515;font-size: 14px;background-color:#006699;color:#FFFFFF;text-align: center;line-height: 40px;width: 150px;height: auto;font-weight: normal;letter-spacing:1px;padding: 0px;margin:0px auto 20px;transition: .5s ease;}
.SPro-1:hover h5 {background-color: #B6C527;}
/*========== PRESS RELEASE ==========*/
.wide-wrap.press {background: #005588;text-align: center;width: 100%;max-width: 1920px;height: auto;padding: 0px;padding: 0px;margin: 0px auto;}
.press h2 {color: #00BBEE;letter-spacing: 1px;font-size: 30px;padding: 20px 15px 15px;margin: 0px auto;}
.press h2 {
	animation: 300ms ease-out 0s 1 slide-question;
	-moz-animation: 300ms ease-out 0s 1 slide-question;
	-webkit-animation: 300ms ease-out 0s 1 slide-question;
	-o-animation: 300ms ease-out 0s 1 slide-question;
	}
@-webkit-keyframes slide-question {
    0% {-webkit-transform: translateX(-100%);opacity:0;}
	100% {transform: translateX(0);opacity:1;}
}
@keyframes slide-question {
    0% {transform: translateX(-100%);opacity:0;}
	100% {transform: translateX(0);opacity:1;}
}
.press p {color: #FFFFFF;text-align: center;}.sunlight {color: #FFCC00;}
/*========== LAKESIDE NEWS ==========*/
.news {border-top: 10px solid #FFFFFF;padding: 15px 0px 30px;
    -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
	background: #EEEEEE;
	background-image:url('https://www.lakesidegrain.com/images/stone-bk.jpg');
    background-position: center;
    background-repeat: repeat;}
.news h2 {color: #0099CC;text-transform: uppercase;letter-spacing: 1px;border-bottom: 1px solid #CCCCCC;font-size: 18px;font-weight: bold;padding: 15px 0px 15px;margin: 15px auto 15px;}
.news-box {max-height: 480px;overflow: auto;}
a.current:link, a.current:visited {
	display: block;
	border-radius: 3px;
    background-color: #339933;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
	padding: 12px 15px;
	transition: 200ms;
}
a.current:hover, a.current:active {background-color: #003C72;color: #EEEEEE;}

a.news-read:link, a.news-read:visited {
	display: block;
	border-bottom: 1px solid #DDDDDD;
    background-color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
    color: #009999;
    text-align: center;
    text-decoration: none;
	padding: 10px;
	margin-top: 0px;
	transition: 200ms;
}
a.news-read:hover, a.news-read:active {background-color: #0099CC;color: #FFFFFF;}
.grey {color: #555555;text-transform: uppercase;}

/*========== SOCIAL ==========*/
.social p {font-size: 16px;}
.social {padding: 15px 0px 30px;
    -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
	background: #EEEEEE;
	background-image:url('https://www.lakesidegrain.com/images/stone-bk.jpg');
    background-position: center;
    background-repeat: repeat;}
.social h2 {color: #0099CC;text-transform: uppercase;letter-spacing: 1px;border-bottom: 1px solid #CCCCCC;font-size: 18px;font-weight: bold;padding: 15px 0px 15px;margin: 15px auto 15px;}
.grey {color: #555555;text-transform: uppercase;}
/*========== CONTACT TITLE ==========*/
.contact-title {display: block;box-sizing: border-box;width: 100%;height: auto;background: #B7BF10;padding: 15px;margin: 0px auto 0px;}
.contact-title h3 {text-align: center;letter-spacing: 3px;color: #FFFFFF;line-height: 130%;margin: 20px auto;}

/*========== CONTACT ==========*/
.contact-wrap {position: relative;display: block;box-sizing: border-box;background: #EBEBD6;width: 100%;max-width: 1920px;height: auto;padding: 0px;margin: 0px auto;}
.contact-wrap {
  background: #EBEBD6;
  background: -webkit-linear-gradient(left top, #FFFFFF, #FFFFFF, #EBEBD6, #BADBFF);
  background: -o-linear-gradient(bottom right, #FFFFFF, #FFFFFF, #EBEBD6, #BADBFF);
  background: -moz-linear-gradient(bottom right, #FFFFFF, #FFFFFF, #EBEBD6, #BADBFF);
  background: linear-gradient(to bottom right, #FFFFFF, #FFFFFF, #EBEBD6, #BADBFF);}
.contact {display: block;box-sizing: border-box;color: #333333;text-align: center;width: 100%;max-width: 1920px;height: auto;padding: 30px 0px;margin: 0px auto;}
.contact h1 {display: block;font-family: 'Merriweather', serif,cambria,georgia;font-weight: bold;font-size: 2.50em;color: #006699;text-align: center;padding: 15px 0px 15px;margin: 0px;}
.contact p {display: block;letter-spacing: 1px;max-width: 800px;text-align: left;padding: 15px;margin: 0px auto;}
.center-img {display: block;max-width: 100%;height: auto;padding: 10px 0px;margin: 0px auto;}
h3.teamwork {text-align: center;background: #444444;color: #B7BF10;padding: 15px 30px 15px;margin: 20px auto 0px;}
address {position: relative;text-align: left;padding-left: 30px;margin-bottom: 10px;}
.tel {color: #003C71;}

.contact-side {width: 100%;max-width: 330px;background: #626609;margin: 30px auto 20px;
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;}
.contact-side h3 {font-size: 24px;background: #222222;color: #B7BF10;text-align: center;letter-spacing: 1px;padding: 15px 20px 15px;margin: 0px;}
.contact-side h4 {font-size: 24px;color: #B7BF10;text-align: center;letter-spacing: 1px;padding: 15px 15px 0px;margin: 0px;}
.contact-side p {font-size: 16px;color: #F0F0E1;padding: 15px 20px 25px;margin: 0px auto 30px;}
.contact-side img {display: block;max-width: 100%;height: auto;padding: 0px;margin: 0px auto 0px;}

/*========== LOCATIONS CONTACT ==========*/
.loc4-wrap {clear: both;position: relative;overflow: auto;display: block;box-sizing: border-box;background: red;width: 100%;height: auto;padding: 0px;margin: 0px auto;}

a.lakeside-hm:link, a.lakeside-hm:visited {
	position: relative;
    background-color: transparent;
	width: 100%;
    padding: 0px;
	margin: 0px auto;
    text-decoration: none;
    display: block;
	border: 0px;
}

a.lakeside-hm.half-wrap:hover, a.lakeside-hm:active {
	text-decoration: none;
}

.loc-logo-2 {display: block;width: 100%;max-width: 300px;padding: 0px 0px 15px;margin: 0px auto;}

/*========== STATEMENT ==========*/
.state {position: absolute;bottom: 0px;display: block;box-sizing: border-box;width: 100%;height: auto;background: #669900;padding: 20px 15px;margin: 30px auto 0px;opacity: 0.8;filter: alpha(opacity=80);}
.state h3 {letter-spacing: 2px;color: #FFFFFF;margin-top: 10px;}
.state-img {display: block;box-sizing: border-box;text-align: center;width: auto;height: auto;border: 0px;padding: 0px;margin: 0px auto 0px;}

/*========== SERVICES ==========*/
.service {display: block;box-sizing: border-box;width: 100%;max-width: 1920px;height: auto;padding: 30px 0px 0px;margin: 0px auto;}
.service h1 {display: block;font-weight: bold;font-size: 2.35em;color: #0289B0;text-align: center;padding: 15px 0px 15px;margin: 0px;}
.service p {display: block;max-width: 800px;line-height: 150%;padding: 15px 0px;margin: 0px auto;}
.serv {color: #006699;letter-spacing: none;font-weight: bold;}
.points {text-align: left;line-height: 150%;margin-bottom: 30px;}
.center-img {display: block;max-width: 100%;height: auto;padding: 10px 0px;margin: 0px auto;}
.tel {color: #555555;}
.sec-title {display: inline-block;border-left: 10px solid #0D8CFF;letter-spacing: 5px;text-transform: uppercase;font-size: 16px;font-weight: bold;color: #0D8CFF;background: #EEEEEE;text-align: center;padding: 12px 20px;margin: 20px 0px 0px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/*========== EVENT POST ==========*/
.event-post{border: 20px solid #FFFFFF;position: relative;background: #003C72;display: block;width: auto;height: auto;padding: 30px;margin: 0px auto;}
.event-post h3{font-size: 50px;text-align: center;color: #FFCC00;}
.event-post h5{font-size: 24px;text-align: center;color: #DDDDDD;padding-bottom: 25px;}
.event-post p {font-size: 16px;text-align: center;letter-spacing: 1px;color: #FFFFFF;padding: 20px;}
.event-post img {display: block;width: 100%;max-width: 600px;height: auto;border: 4px solid #FFFFFF;text-align: center;margin: 0px auto;}

/*========== SIDE COLUMN ==========*/
.main-wrap {position: relative;display: block;box-sizing: border-box;background: #EBEBD6;width: 100%;max-width: 1920px;height: auto;padding: 0px 0px 30px;margin: 0px auto;}
.main-wrap {
  background: #FFFFFF;
  background: -webkit-linear-gradient(left top, #FFFFFF, #FFFFFF, #C4E3FF);
  background: -o-linear-gradient(bottom right, #FFFFFF, #FFFFFF, #C4E3FF);
  background: -moz-linear-gradient(bottom right, #FFFFFF, #FFFFFF, #C4E3FF);
  background: linear-gradient(to bottom right, #FFFFFF, #FFFFFF, #C4E3FF);
  }
.vid-title {text-align: center;background: #222222;color: #7AA7A7;padding: 10px 15px;margin: 0px auto;}
.service .visit {display: block;border: 1px solid #9CD1FF;color: #777777;background: #FFFFFF;text-align: center;padding: 15px;margin: 0px auto 30px;}

/*========== HOURS ==========*/
.hours {position: relative;border-left: 10px solid #0099CC;background: #F5F5F5;display: block;box-sizing: border-box;width: 100%;height: auto;padding: 15px 20px 10px;margin: 20px auto 0px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.hours p {font-size: 14px;letter-spacing: 1px;color: #777777;}

/*========== PARTNERS ==========*/
.part-title {display: block;box-sizing: border-box;border-top: 1px solid #CCCCCC;width: 100%;height: auto;background: #DDDDDD;padding: 15px;margin: 0px auto 0px;}
.part-title h3 {text-align: center;font-size: 18px;font-weight: bold;letter-spacing: 2px;color: #999999;margin: 15px auto;}
.agromart {display: block;width: 100%;max-width: 225px;height: auto;text-align: center;padding: 0px;margin: 0px auto 15px;}

/*========== CONTACT TITLE ==========*/
.contact-title {display: block;box-sizing: border-box;width: 100%;height: auto;background: #669900;padding: 15px;margin: 0px auto 0px;}
.contact-title h3 {text-align: center;letter-spacing: 3px;color: #FFFFFF;line-height: 130%;margin: 20px auto;}

/*========== CONTACT ==========*/
.contact-wrap {position: relative;display: block;box-sizing: border-box;background: #EBEBD6;width: 100%;max-width: 1920px;height: auto;padding: 0px;margin: 0px auto;}
.contact-wrap {
  background: #FFFFFF;
  background: -webkit-linear-gradient(left top, #FFFFFF, #FFFFFF, #C4E3FF, #C4E3FF);
  background: -o-linear-gradient(bottom right, #FFFFFF, #FFFFFF, #C4E3FF, #C4E3FF);
  background: -moz-linear-gradient(bottom right, #FFFFFF, #FFFFFF, #C4E3FF, #C4E3FF);
  background: linear-gradient(to bottom right, #FFFFFF, #FFFFFF, #C4E3FF, #C4E3FF);}
.contact {display: block;box-sizing: border-box;color: #333333;text-align: center;width: 100%;max-width: 1920px;height: auto;padding: 30px 0px;margin: 0px auto;}
.contact h1 {display: block;font-family: 'Merriweather', serif,cambria,georgia;font-weight: bold;font-size: 2.50em;color: #006699;text-align: center;padding: 15px 0px 15px;margin: 0px;}
.contact p {display: block;letter-spacing: 1px;max-width: 800px;text-align: left;padding: 15px;margin: 0px auto;}
.center-img {display: block;max-width: 100%;height: auto;padding: 10px 0px;margin: 0px auto;}
h3.teamwork {text-align: center;background: #444444;color: #B7BF10;padding: 15px 30px 15px;margin: 20px auto 0px;}
address {position: relative;text-align: left;padding-left: 30px;margin-bottom: 10px;}
.sender {color: #FFFFFF;}

.contact-side {width: 100%;max-width: 330px;background: #626609;margin: 30px auto 20px;
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;}
.contact-side h3 {font-size: 24px;background: #222222;color: #B7BF10;text-align: center;letter-spacing: 1px;padding: 15px 20px 15px;margin: 0px;}
.contact-side h4 {font-size: 24px;color: #B7BF10;text-align: center;letter-spacing: 1px;padding: 15px 15px 0px;margin: 0px;}
.contact-side p {font-size: 16px;color: #F0F0E1;padding: 15px 20px 25px;margin: 0px auto 30px;}
.contact-side img {display: block;max-width: 100%;height: auto;padding: 0px;margin: 0px auto 0px;}

/*========== LOCATION LIST ==========*/
.loc-list {position: relative;display: block;box-sizing: border-box;background: transparent;width: 100%;height: auto;padding: 15px 0px 25px;margin: 0px auto;}
.loc-list h3 {display: block;border-left: 10px solid #669900;font-size: 14px;font-family: arial,helvetica;font-weight: bold;letter-spacing: 7px;background: #B7BF10;color: #FFFFFF;text-align: center;padding: 10px;margin: 15px 0px 15px;}
.loc-list p {display: block;text-align: center;letter-spacing: 1px;padding: 3px;margin: 0px auto;}
.center-img {display: block;max-width: 100%;height: auto;padding: 10px 0px;margin: 0px auto;}
h3.teamwork {text-align: center;background: #444444;color: #B6C527;padding: 15px 30px 15px;margin: 20px auto 0px;}
address {text-align: left;padding-left: 30px;margin-bottom: 10px;}

.loc-list ul {list-style-type: none;margin: 0;padding: 0px 0px 10px;}
.loc-list li {font-size: 16px;color: #333333;text-align: left;line-height: 150%;padding: 0px;margin: 5px 30px;}
.loc-list address {font-size: 16px;color: #333333;text-align: left;line-height: 170%;padding: 0px;margin: 5px 30px 25px;}

a.contact-list:link, a.contact-list:visited {
    background-color: transparent;
    color: #336600;
	font-size: 16px;
	letter-spacing: 1px;
    padding: 0px;
	margin: 0px;
    text-align: left;
    display: inline-block;
}

a.contact-list:hover, a.contact-list:active {
	color: #3333CC;
}

/*========== FEATURE TITLE ==========*/
.feature-title {display: block;box-sizing: border-box;width: 100%;height: auto;background: #333333;padding: 15px;margin: 0px auto 0px;}
.feature-title h3 {text-align: center;letter-spacing: 3px;color: #999999;line-height: 130%;margin: 20px auto;}

/*========== FEATURE ==========*/
.feature-wrap {position: relative;display: block;box-sizing: border-box;width: 100%;max-width: 1920px;height: auto;padding: 0px;margin: 0px auto;}
.feature-wrap {
	background: #F5F5F5;
	background-image:url('https://www.lakesidegrain.com/stone-2-bk.png');
    background-position: center;
    background-repeat: repeat;}
.feature {display: block;box-sizing: border-box;color: #333333;text-align: center;width: 100%;max-width: 1920px;height: auto;padding: 30px 0px;margin: 0px auto;}
.feature h1 {display: block;font-family: 'Merriweather', serif,cambria,georgia;font-weight: bold;font-size: 2.50em;color: #006699;text-align: center;padding: 15px 0px 15px;margin: 0px;}
.feature p {display: block;letter-spacing: 1px;max-width: 800px;text-align: left;padding: 15px;margin: 0px auto;}
.center-img {display: block;max-width: 100%;height: auto;padding: 10px 0px;margin: 0px auto;}
.feature-name {text-transform: uppercase;color: #0099CC;letter-spacing: 4px;text-align: center;margin-top: 30px;}
h3.teamwork {font-size: 20px;text-align: center;background: #444444;color: #B7BF10;letter-spacing: 4px;padding: 15px 30px 15px;margin: 20px auto 0px;}
address {text-align: left;padding-left: 30px;margin-bottom: 10px;}

/*========== CONTACT FORM ==========*/
.form-wrap {
    background-color: #FFFFFF;
    padding: 30px;
	border: 2px solid #CCCCCC;
	margin: 30px 0px 30px;
}

label {text-transform: uppercase;letter-spacing: 2px;color: #999999;font-weight: bold;font-size: 14px;}

input[type=text], select, textarea {
    font-size: 16px;
	width: 100%;
    padding: 12px;
    border: 1px solid #D5D5D5;
	background-color: #F5F5F5;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
	border-radius: none;
}

#email {
    font-size: 16px;
	width: 100%;
    padding: 12px;
    border: 1px solid #D5D5D5;
	background-color: #F5F5F5;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
	border-radius: none;
}

#email:focus {
	background-color: #FFFFE1;color: #333300;border: 1px solid #FFC109;
}

select, textarea:focus {background-color: #FFFFE1;color: #333300;border: 1px solid #FFC109;}

input[type=submit] {
    background-color: #006699;
    color: #EEEEEE;
    padding: 12px 20px;
    border: none;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #B5C428;transition: all ease 300ms;
}

input:focus {
    background-color: #FFFFE1;color: #333300;
	border: 1px solid #FFC109;
}

#guard {border: 4px solid #CCCCCC;}
#guard:focus {border: 4px solid #FFC109;color: #333300;}

.btn-send {display: block;font-size: 16px;line-height: 45px;text-align: center;width: 9em;height: auto;background-color:#333333;font-weight: normal;letter-spacing:1px;border: 0px;color:#FFFFFF;margin:15px auto 0px;padding: 0px 12px;}
.btn-send:visited {background-color:#006699;color:#FFFFFF;text-decoration: none;}
.btn-sent:hover {background-color:#B7BF10;color:#FFFFFF;text-decoration: none;}
.btn-sent:active {background-color:#0072C6;color:#FFFFFF;text-decoration: none;}

/*========== SLIDE 4 ==========*/
.half {float: left;display: block;background: #FFFFFF;width: 100%;min-height: 80px;padding: 0px;margin: 0px auto;}
.half {
	background-color: #669900;
    background-image:url('https://www.lakesidegrain.com/images/pace-slide.png');
    background-position: center center;
    background-repeat: no-repeat;
	background-size:cover;
	}
.half-two {float: right;display: block;border-top: 1px solid #B7BF10;background: #fff9e6;width: 100%;min-height: 60px;padding: 0px;margin: 0px auto;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.half-two h3 {line-height: 60px;font-weight: bold;font-size: 36px;color: #B7BF10;text-align: center;letter-spacing: 8px;padding: 0px;margin: 0px auto;}

/*========== FOOTER ==========*/
footer {display: block;box-sizing: border-box;overflow: hidden;background-color: #002546;width: 100%;height: auto;padding: 0px;margin: 0px;}
footer p {color: #4D92B3;font-size: 14px;letter-spacing: 1px;text-align: center;padding: 40px 15px 40px;margin: 0px;}

.map-btn {
    border: 0;
	border-radius: 0px 5px 5px 5px;
	background-color: #0099CC;
    color: #EEEEEE;
	font-size: 16px;
	letter-spacing: 1px;
    padding: 10px 20px;
	margin: 5px 0px;
    text-align: center;
    display: inline-block;
}

.map-btn:hover {
	background-color: #FF9900;
	color: #FFFFFF;
}

/*========== PDF FLYER ==========*/
a.flyer-link:link, a.flyer-link:visited {
	position: relative;
    background-color: #C4E3FF;
    color: #0099CC;
	width: 100%;
	max-width: 330px;
	max-height: 600px;
    padding: 15px 15px 5px;
	margin: 30px auto 15px;
    text-align: center;
    text-decoration: none;
    display: block;
	border: 1px solid #FFFFFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.flyer-link:hover, a.flyer-link:active {
    background-color: #FFFFFF;
	color: #0099CC;
	text-decoration: none;
	transition: .5s ease;
}

.flyer-link {display: block;overflow: hidden;width: auto;height: auto;padding: 0px;margin: 0 auto;}
.flyer-link h3 {text-align: center;background: transparent;color: #0099CC;line-height: 130%;letter-spacing: 1px;font-size: 20px;font-weight: bold;text-transform: uppercase;padding: 10px 15px 10px;margin: 0px auto;}
.flyer-link img {display: block;text-align: center;width: 100%;max-width: 300px;max-height: 250px;padding: 0px;margin: 0 auto;}
.flyer-link p {text-align: center;font-size: 14px;line-height: 130%;margin: 10px 0px;}

/*========== LOCATIONS ==========*/
.loc-contain {
    position: relative;
    width: 100%;
	max-width: 480px;
	height: 100%;
	overflow: hidden;
	margin: 0px auto;
}

.loc-image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .4s ease;
  backface-visibility: hidden;
}

.loc-middle {
  transition: .3s ease;
  opacity: 1;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.loc-contain:hover .loc-image {
  transform: scale(1.1);
}

.loc-contain:hover .loc-middle {
  opacity: 1;
}

.loc-text {
  background-color: #0289B0;
  color: #C4EAFF;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  width: 170px;
  padding: 10px;
}

.loc-text:hover {
  background-color: #FFFFFF;
  color: #222222;
  transition: .5s ease;
}

a.loc-P:link, a.loc-P:visited {
	position: relative;
    display: block;
    color: #CC9900;
    padding: 0px;
	margin: 0px auto;
    text-align: center;
    text-decoration: none;
    width: 100%;
	max-width: 480px;
    height: 300px;
	background-color: #000000;
    background-image:url('https://www.lakesidegrain.com/images/loc-P.jpg');
    background-position: center center;
    background-repeat: no-repeat;
}

a.loc-P:hover, a.loc-P:active {
	text-decoration: none;
	background-color: #000000;
}
.loc-P h4 {max-width: 240px;background-color: #CC9900;color: #FFFFFF;font-size: 14px;line-height: 130%;letter-spacing: 1px;padding: 20px 10px;margin: 0px auto 10px;}

a.loc-S:link, a.loc-S:visited {
	position: relative;
    display: block;
    color: #CC9900;
    padding: 0px;
	margin: 0px auto;
    text-align: center;
    text-decoration: none;
    width: 100%;
	max-width: 480px;
    height: 300px;
	background-color: #000000;
    background-image:url('https://www.lakesidegrain.com/images/loc-S.jpg');
    background-position: center center;
    background-repeat: no-repeat;
}

a.loc-S:hover, a.loc-S:active {
	text-decoration: none;
	background-color: #000000;
}
.loc-S h4 {max-width: 240px;background-color: #CC9900;color: #FFFFFF;font-size: 14px;line-height: 130%;letter-spacing: 1px;padding: 20px 10px;margin: 0px auto 10px;}

a.loc-W:link, a.loc-W:visited {
	position: relative;
    display: block;
    color: #CC9900;
    padding: 0px;
	margin: 0px auto;
    text-align: center;
    text-decoration: none;
    width: 100%;
	max-width: 480px;
    height: 300px;
	background-color: #000000;
    background-image:url('https://www.lakesidegrain.com/images/loc-W.jpg');
    background-position: center center;
    background-repeat: no-repeat;
}

a.loc-W:hover, a.loc-W:active {
	text-decoration: none;
	background-color: #000000;
}
.loc-W h4 {max-width: 240px;background-color: #CC9900;color: #FFFFFF;font-size: 14px;line-height: 130%;letter-spacing: 1px;padding: 20px 10px;margin: 0px auto 10px;}

/*========== CONTACT FORM ==========*/
.form-wrap {
    background-color: #FFFFFF;
    padding: 30px;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
	margin: 30px 0px 30px;
}

label {text-transform: uppercase;letter-spacing: 2px;color: #999999;font-weight: bold;font-size: 14px;}

input[type=text], select, textarea {
    font-size: 16px;
	width: 100%;
    padding: 12px;
    border: 1px solid #D5D5D5;
	background-color: #F5F5F5;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
	border-radius: none;
}

#email {
    font-size: 16px;
	width: 100%;
    padding: 12px;
    border: 1px solid #D5D5D5;
	background-color: #F5F5F5;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
	border-radius: none;
}

#email:focus {
	background-color: #FFFFE1;color: #333300;border: 1px solid #FFC109;
}

select, textarea:focus {background-color: #FFFFE1;color: #333300;border: 1px solid #FFC109;}

input[type=submit] {
	height: 50px;
	width: 140px;
    background-color: #006699;
    color: #EEEEEE;
    padding: 0px 20px;
    border: none;
	border-radius: 3px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #B5C428;transition: 200ms;
}

input:focus {
    background-color: #FFFFE1;color: #333300;
	border: 1px solid #FFC109;
}

#guard {border: 4px solid #CCCCCC;}
#guard:focus {border: 4px solid #FFC109;color: #333300;}

.btn-send {display: block;font-size: 16px;line-height: 45px;text-align: center;width: auto;height: auto;background-color:#0072C6;font-weight: normal;letter-spacing:1px;border: 0px;color:#FFFFFF;margin:20px auto 10px;padding: 0px 25px;transition: 200ms;}
.btn-send:visited {background-color:#006699;color:#FFFFFF;text-decoration: none;}
.btn-sent:hover {background-color:#B7BF10;color:#FFFFFF;text-decoration: none;}
.btn-sent:active {background-color:#0072C6;color:#FFFFFF;text-decoration: none;padding: 0px 40px;}
/*========== IMAGE BACKGROUNDS ==========*/
.fading-in {
    animation: fading-in 1s;
    -moz-animation: fading-in 1s;
    -webkit-animation: fading-in 1s;
    -o-animation: fading-in 1s;
}
@keyframes fading-in {
    from {opacity:0;} to {opacity:1;}
}
@-moz-keyframes fading-in {
    from {opacity:0;} to {opacity:1;}
}
@-webkit-keyframes fading-in {
	from {opacity:0;} to {opacity:1;}
}
@-o-keyframes fading-in {
    from {opacity:0;} to {opacity: 1;}
}

/*========== RESPONSIVE ==========*/
@media only screen and (max-width : 1024px){
	.top-bot {min-height: 500px;}
	.border-r {border: 0;}
	.border-l {border: 0;}
	.state {padding: 10px 15px;}
	.state h3 {font-size: 20px;letter-spacing: 1px;}
	}
@media only screen and (max-width : 768px){
	.intro {font-size: 1.35em;}
	.half {float: none;display: block;width: 100%;padding: 0px;margin: 0px auto;}
	.half-two {float: none;clear: both;color: #333333;display: block;width: 100%;padding: 0px;margin: 0px auto;}
	.contact li {margin: 5px 15px;}
	}
@media only screen and (max-width : 480px){
	header h3 {font-size: 16px;letter-spacing: 3px;}
	header:hover > h3 {color: #669900;}
	.event-post{border: 5px solid #FFFFFF;padding: 15px;}
	.event-post h3 {font-size: 30px;}
	.half {display: block;height: 130px;}
	.half-two h3 {font-size: 30px;color: #B7BF10;text-align: center;letter-spacing: 2px;padding: 0px 15px;margin: 0px auto;}
	.lgf-limited {letter-spacing: 3px;}
	.since {font-size: 24px;letter-spacing: 2px;padding: 30px 0px;}
	.service h1 {font-size: 2em;}
	.pace h3 {font-size: 16px;font-weight: bold;letter-spacing: 2px;color: #FFFFFF;}
	.map-circle {position: static;}
	.form-wrap {padding: 30px 0px;overflow: hidden;border-left: 0px;border-right: 0px;margin-left: -15px;margin-right: -15px;}
	}
@media only screen and (max-width : 320px){
	header h3 {font-size: 16px;letter-spacing: 2px;}
	}