@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,700;1,700&family=Montserrat:wght@400;700&display=swap');
/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {list-style: none;}
img{max-width: 100%; height: auto;}

@font-face {
    font-family: 'icon-worksregular';
    src:url(../fonts/icon-works-webfont.eot);
    src: url(../fonts/icon-works-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/icon-works-webfont.woff) format('woff'),
         url(../fonts/icon-works-webfont.ttf) format('truetype'),
         url(../fonts/icon-works-webfont.svg#icon-worksregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-- colors - fonts
red: c22426

font-family: 'Barlow', sans-serif;
font-family: 'Montserrat', sans-serif;
*/
/***** END RESET *****/

body{
	font-family:  'Montserrat', sans-serif !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	overflow-x: hidden;
	width: 100%;
}

::-moz-selection {
    background: #c22426;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #c22426;
    color: #fff;
    text-shadow: none;
}

a{
	color: inherit;
	transition: all .3s ease-in-out; 
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;
	text-decoration: none;
}
:hover{	transition: all .3s ease-in-out; 
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;}

.clear{clear:both;}	


.shadow{box-shadow: 0px 6px 14px -7px rgba(0,0,0,.1);}

h1,h2,h3,h4{font-family: 'Barlow', sans-serif; color: inherit; font-weight: 700; text-transform: uppercase; font-style: italic;}

h1{font-size: 34px; letter-spacing: .5px}
h2{font-size: 26px; letter-spacing: 1px}
h3{font-size: 20px; letter-spacing: 1px}
h4{font-size: 18px; letter-spacing: .5px}


/*---BASIC STYLES -----------------------------------*/
.pad{padding: 25px 0;} .l-pad{padding: 50px 0;} .xl-pad{padding: 80px 0;}

.black-bg{background: #000; color: #fff;} .dark-gray{background: #242424; color: #fff;} .light-gray{background: #f0f0f0;} .red-bg{background: #c22426; color: #fff}
.white-text{color: #fff;}.gray-text{color: #3d3d3d;} .red-txt{color: #c22426}

#pageimage{display: block; width: 100%;}

.stripe-bg{background: url(/siteart/white-stripes.jpg) repeat-x; width: 100%;}

.wrapper-inner{width: 70%; margin: 0 auto;}
.wrapper-center{width: 70%; margin: 0 auto; text-align: center;}
.wrapper90{width: 90%; margin: 0 auto;} .wrapper60{width: 60%; margin: 0 auto;}
.wrapper90.center{text-align: center} .wrapper60.center{text-align: center}


#red-btn{ background: #c22426; color: #fff; font-size: 15px; padding:12px 30px; font-family:  'Barlow', sans-serif; font-weight: 700; font-style: italic; margin: 5px; text-transform: uppercase;display: inline-block; text-align: center}
#red-btn:hover{background: #000;}

#black-btn{ background: #000; color: #fff; font-size: 15px; padding:12px 30px; font-family:  'Barlow', sans-serif; font-weight: 700; font-style: italic; margin: 5px; text-transform: uppercase; display: inline-block; text-align: center}
#black-btn:hover{background: #c22426; color: #fff}
.red-bg #black-btn:hover{background: #fff; color: #000}

.flex{display: flex;}
.flex-row{display: flex; align-items: center;}
.col1{justify-content: flex-start; width: 30%;}
.col3{justify-content: flex-start; width: 70%;}
.col2{justify-content: flex-start; width: 50%;}
.col2.right{float: right; text-align: right}

.pageimage{	width: 100%; display: block;}


/*---HEADER-----------------------------------*/

.header{left: 0; right: 0; position: absolute; z-index: 999; background: #fff; margin-top: 30px;}
.head-inner{margin: 0 auto; display: flex;}
.head-inner .left{justify-content: flex-start; width: 25%; border: 1px solid #eee; text-align: center} 
#logo{width: 100%; max-width: 300px; text-align: center; margin: 0 auto; display: block}

.head-inner .right{justify-content: flex-start; width: 75%; text-align: center;}
.head-inner .right .light-gray .wrapper90{padding: 10px 0}
.head-inner .right .light-gray .wrapper90 p{display: inline-block; margin-right: 40px; font-size: 16px; font-weight: 600} .head-inner .right .light-gray .wrapper90 p:hover{color: #c22426}
.head-inner .right .light-gray .wrapper90 p .fa{color: #c22426; margin-right: 5px; font-size: 20px;}

.top-head {display: flex;align-items: center;}
.headsearch {flex: 1;}
.headsearch form {width: 100%;display:inline-flex;}
.headsearch #search {flex: 1;padding: 10px !important;box-sizing: border-box;}
/*--search--*/
.headsearch{display: inline-block; vertical-align: middle}
#search,#submit{
	display:inline-block; 
	zoom: 1; 
	vertical-align:middle; 
	padding:0.5% 1%; 
	border:none; 
	-moz-border-radius:0; 
	-webkit-border-radius:0; 
	border-radius: none !important;
}

#search{
	color:#969696;
	background: #fff; 
	height: 40px;
	padding: 0 !important
}
#submit{margin-left:5px; 
	background:#c22426; 
	padding:10px 15px; 
	font-family: 'icon-worksregular'; 
	color: #fff; 
	font-size: 20px; 
	font-weight: bold;
}
#submit:hover{background: #000; color: #fff;}

/*---HOME PAGE ----------------------------------*/
/*--slider--*/
.cycle-slideshow {width: 100%; display: block}
.cycle-slideshow img{width: 100%; display: block;}

/*-- cta --*/
.welcome span{font-family: 'Montserrat', sans-serif !important;letter-spacing: 1px; margin-bottom: 10px; font-size: 20px;display: block;font-weight:500 !important;}

/*-- categories---*/
.flex-row.categories{flex-wrap: wrap; margin: 0 auto}
.cat-box{flex: 1; margin: 20px;}
.cat-box img{width: 100%; max-width: 250px; margin: 0 auto 15px auto}

.cat-box .btn h2 {font-size: 20px !important;}
.btn {
	border: none;
	background: none;
	cursor: pointer;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/* Button 8 */
.btn-8 {
	width: 100%;
	padding: 40px 0;
	display: block;
	background: #fff;
	outline: 1px solid transparent; /* FF jagged edges fix */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	border:1px solid #e6e6e6
}

.btn-8:active {	}


/* Button 8c */
.btn-8c:after {
	width: 21%;
	height: 100%;
	left: -20%;
	top: 0;
	-webkit-transform-origin: 100% 0%;
	-webkit-transform: rotateY(-90deg);
	-moz-transform-origin: 100% 0%;
	-moz-transform: rotateY(-90deg);
	-ms-transform-origin: 100% 0%;
	-ms-transform: rotateY(-90deg);
	transform-origin: 100% 0%;
	transform: rotateY(-90deg);
}

.btn-8c:hover {
	-webkit-transform: rotateY(15deg);
	-moz-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);
}

/*Manu boxes on home page*/
.flex-container {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.mfg-box {
	flex-basis: 16%;
	padding: 0 20px;
	height: 120px;
	display:flex;align-items: center;justify-content: center;
}

.mfg-box:hover .mfg-title {
}
.mfg-title {
	color: #fff;	
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	text-align: center;
vertical-align: middle; 
	font-size: 18px !important;
}


.cloverdale {
	background-image: url("../siteart/mfg/cloverdale.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.cloverdale:hover {
	background-image: url("../siteart/mfg/cloverdale1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.meyer {
	background-image: url("../siteart/mfg/meyer1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.meyer:hover {
	background-image: url("../siteart/mfg/meyer.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.claw {
	background-image: url("../siteart/mfg/claw1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.claw:hover {
	background-image: url("../siteart/mfg/claw.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}
.plantright {
	background-image: url("../siteart/mfg/plantright1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.plantright:hover {
	background-image: url("../siteart/mfg/plantright.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.tmr {
	background-image: url("../siteart/mfg/tmr1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.tmr:hover {
	background-image: url("../siteart/mfg/tmr.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.wingfield {
	background-image: url("../siteart/mfg/wingfield1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.wingfield:hover {
	background-image: url("../siteart/mfg/wingfield.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.esch {
	background-image: url("../siteart/mfg/esch1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.esch:hover {
	background-image: url("../siteart/mfg/esch.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.strobel {
	background-image: url("../siteart/mfg/strobel1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.strobel:hover {
	background-image: url("../siteart/mfg/strobel.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.esch-drill {
	background-image: url("../siteart/mfg/esch-drills1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.esch-drill:hover {
	background-image: url("../siteart/mfg/esch-drills.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.farmco {
	background-image: url("../siteart/mfg/farmco1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.farmco:hover {
	background-image: url("../siteart/mfg/farmco.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.artex {
	background-image: url("../siteart/mfg/artex1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.artex:hover {
	background-image: url("../siteart/mfg/artex.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.stoltzfus {
	background-image: url("../siteart/mfg/stoltzfus1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.stoltzfus:hover {
	background-image: url("../siteart/mfg/stoltzfus.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.horning {
	background-image: url("../siteart/mfg/horning1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.horning:hover {
	background-image: url("../siteart/mfg/horning.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.conestoga {
	background-image: url("../siteart/mfg/conestega1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.conestoga:hover {
	background-image: url("../siteart/mfg/conestega.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.lancaster {
	background-image: url("../siteart/mfg/lancaster1.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
		-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.lancaster:hover {
	background-image: url("../siteart/mfg/lancaster.jpg"); background-repeat:no-repeat;background-color:#000;
	background-size: cover;	background-position: center;
}

.short {
	height: 5px; 
}
/*-- about --*/
.barn-bg{background: url(/siteart/barn-bg.png) no-repeat right; background-size: contain}



/*--scrolling inventory--*/
.scrolling-wrap {width: 100%;
    height: 90px;
    overflow: hidden;
    padding: 5px 0;
    background: #f0f0f0;}
.scrolling{width:100%; height:92px;}


/*--contact feature home page --*/
.contact h2 {font-size: 20px;}
.contact-feature{display: flex; align-items: center; background-image: url(../siteart/contact-feature.jpg);background-repeat: no-repeat;background-position: left; background-size: contain; border:1px solid #eee;background-color:#BD3132;}
.contact-feature .left{justify-content: flex-start; width: 40%;}
.contact-feature .left h2{width: 350px; z-index: 1; position: relative; font-size: 45px; line-height: 100%; color: #fff;}

.contact-feature .right{justify-content: flex-start; width: 60%; background: #fff;}


/*--- SUPAGES ------------------*/

.fin-logo {
	width: 250px;
	max-width: 100%;
}


/*-- FOOTER ------------------------------------*/
.footer{color: #fff; display: flex; align-items: center}

.footer .left{width:60%; justify-content: flex-start; text-align: left}
.footer ul li{display: inline-block; line-height: 30px; font-size: 15px; margin: 10px; text-transform: uppercase; font-family: 'Barlow', sans-serif; letter-spacing: 1px; font-weight: 700} .footer a{color: #fff} .footer li a:hover{text-decoration: underline} 

.footer .right{width:40%; justify-content: flex-start; text-align: right}

.footer .fa, .footer .fab{background: #fff; color: #c22426; text-align: center; padding: 10px; margin: 3px; font-size: 20px;}
.footer .fa:hover, .footer .fab:hover{color: #fff; background: #c22426; }


/*---FORMS -----------------------------------*/

.form-row{display: flex;}
.formfield{flex: 1; font-family: 'Montserrat', sans-serif; position: relative; padding: 5px 0; margin:3px 5px; font-size:15px;}


.formfield input, .formfield select,.CaptchaPanel input  {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	background:#f5f5f5;	
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	-webkit-appearance:none;
	border-radius: 0 !important;
	box-sizing: border-box;
	-webkit-border-radius: 0px !important;
}
.CaptchaPanel input {margin: 20px auto;}
input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }
.formfield textarea {
	width: 100%;
	font-weight: 400;
	color:#000;
	background:#f5f5f5;
	border: 1px solid #ddd;
	font-family: 'Montserrat', sans-serif;
    height:85px;	
	-webkit-appearance:none;
	box-sizing: border-box;
	border-radius: 0 !important;
	padding: 10px;
	-webkit-border-radius: 0px !important;
} 

form input.button,
form input.button:focus {
	float: none;
    width:160px;
	font-family: 'Barlow', sans-serif;
    margin:0 auto;
    background: #c22426; 
    line-height:18px;
    color:#fff;
	font-size:15px;
	padding: 10px 20px;
	font-weight: 700;
	letter-spacing:1px;
	font-style: italic;
	text-align: center;
	display: block;
	border: none;
	-webkit-appearance:none;
	border-radius: 0 !important;
}
form input.button:hover {
    padding:10px 0px;
    background: #000; 
	color: #fff;
	margin: 0 auto;
	text-align: center;
	display: block;
	transition: all .8s ease; 
}

/*control the Captcha */

.CaptchaPanel {margin: 0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000 !important;width: 100%;  text-align:left;}
.CaptchaPanel input{width: 100% !important; max-width: 300px;}
.CaptchaImagePanel {
	
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
	color: #000 !important
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 auto;
	padding:10px 0 10px 0 !important;
	width: 100%;
	float: right;
	display: block;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 





/*---RESPONSIVE STYLES ------------------------------*/
@media screen and (max-width: 1607px){
	.mfg-box {
		flex-basis: 20%;
	}
.top-head p {margin-right: 20px !important;}
}

@media screen and (max-width: 1550px){
	
	.top-head p {font-size: 15px !important;}
}
@media screen and (max-width: 1400px){
.header.wrapper-inner{width: 90%}
.mfg-box {
		flex-basis: 30%;
	}
}


@media screen and (max-width: 1300px) {	
		
}

@media screen and (max-width: 1200px) {	
.l-pad{padding: 40px 0} .xl-pad{padding: 70px 0}
.wrapper-inner{width: 90%;}
.wrapper-center{width: 90%;}
.wrapper90{width: 90%;} .wrapper60{width: 90%;}

	
.head-inner{display: flex;}
.head-inner .left{justify-content: flex-start; width: 50%;} 
#logo{width: 100%; max-width: 300px; text-align: center; margin: 0 auto; display: block}

.head-inner .right{justify-content: flex-start; width: 50%; text-align: center;}
	

.hide-mobile{display: none;}
.head-inner .right{text-align: right !important; float: right !important}
.head-inner .right .light-gray .wrapper90{text-align: right; display: block}
.head-inner .right .light-gray .wrapper90 p{margin-right: 20px; font-size: 16px; text-align: right}
.head-inner .right .light-gray .wrapper90 p .fa{margin-right: 0px; font-size: 20px;}


.contact-feature .left h2{width: 90%; font-size: 40px;}
	
}


@media screen and (max-width: 800px) {
	
.form-row{display: block;}	
.formfield{width: 100%; display: block; margin:3px auto; font-size:14px;}
	
	
.flex{display: block;}
.flex-row{display: block; align-items: center;}
.col1{justify-content: flex-end; width: 100%;}
.col3{justify-content: flex-end; width: 100%; margin-top: 30px}
.col2{justify-content: flex-end; width: 100%;}
.col2.right{float: none; text-align: inherit; display: block; margin-top: 30px;}

.header{margin-top: 10px}	
.head-inner{display: flex; align-items: center}
.head-inner .left{justify-content: flex-start; width: 30%; border: none; box-shadow: none !important} 
#logo{width: 100%; max-width: 250px; text-align: center; margin: 0 auto; display: block}

.head-inner .right{justify-content: flex-start; width: 70%; text-align: center;}
	
	
.welcome, .welcome .col2.right{text-align: center !important;}	

	
/*-- categories --*/
a.cat-box h2{font-size: 20px !important;}
.cat-box{width: 48.2%; margin: 10px .8%}
.cat-box img{max-width: 150px;}

/*--contact feature home page --*/
.contact-feature{display: block; background: url(../siteart/contact-feature.jpg) no-repeat; background-size: contain;}
.contact-feature .left{justify-content: flex-end; width: 100%; padding: 40px 0}
.contact-feature .right{justify-content: flex-end; width: 100%;}

	
/*--footer --*/	
.footer{display: block;}
.footer .left{width:100%; justify-content: flex-end; text-align: center}
.footer ul li{display: inline-block; font-size: 13px; line-height: 20px;} 
.footer .right{width:100%; justify-content: flex-end; text-align: center; margin: 10px auto}
	
	.mfg-box {
		flex-basis: 40%;
	}
}
@media screen and (max-width: 649px) {
		
}

@media screen and (max-width: 649px) {

.categories{display: block}
.cat-box{display: block; width: 100%; margin: 10px auto;}
	
}

@media screen and (max-width: 580px) {
.header{position: relative;} .header.wrapper-inner{width: 100%; text-align: center}
.head-inner{display: block; width: 100%}
.head-inner .left{justify-content: flex-end; width: 100%; padding-bottom: 10px} 
.head-inner .right{justify-content: flex-end; width: 100%; text-align: center;}
.head-inner .right .light-gray .wrapper90, .head-inner .right .light-gray .wrapper90 p{text-align: center}
	
}

@media screen and (max-width: 530px) {
	.mfg-box {
		flex-basis: 100%;
		height: 70px;
	}
	.mfg-title {
		line-height: 70px;
	}
	
}

@media screen and (max-width: 350px) {
.footer ul li{display: block; font-size: 13px; line-height: 23px;} 
	.footer .right{margin: 20px auto 10px auto}	
}