* {margin:0px;padding:0px;border:0;outline:0;font-family:'Muli';}
body, html {width:100%;height:100%;font-size:1rem;}
.body-container{width:100%;max-width:100%;height:100%;margin:0 auto;font-size:100%;position: absolute;}
*:focus{outline:none;-moz-outline-style:none;}
form{display:inline;width:100%;}
input[type="text"], input[type="password"], textarea, select{border:1px solid gainsboro;}
input[type='range']::-moz-focus-outer {border: 0;outline: none !important;}	/*Get rid of select outline*/
h1{clear:both;color:#040708;font-size:180%;font-weight:bold;padding-top:2.5vh;padding-bottom:0.7vh;}
h2{clear:both;color:#040708;font-size:140%;font-weight:bold;padding-top:2vh;padding-bottom:0.7vh;}
h3{color:#040708;font-size:120%;font-weight:bold;padding-bottom:0.8vh;}
p{clear:both;color:#0c1f57;font-size:100%;padding-top:2vh;line-height:150%;}
a{text-decoration:none;}

/*Main content*/
.content-container{padding:1% 3% 0 3%;background-color:#ffffff;font-size:100%;}
.content-container img{padding:2%;}
.content-container ul{width:87%;text-align:left;margin:0.8% 0% 1.6% 5%;}
.content-container ul li{padding-left:2.3%;padding-top:1%;line-height:130%;color:#3e3e3e;}

/*Background images*/
.augers-bg{width:100%;background-position: center top;background-repeat: no-repeat;background-size:100%;}


/*Content*/
.content-attributes{clear:both;display:block;padding-bottom:0.5%;}
.content-attributes label{display:inline-block;vertical-align:top;width:11%;font-size:90%;}
.content-attributes select{padding:0.1vh 1vw 0.2vh 0.1vw;font-size:80%;}
.content-attributes input{width:75%;padding:0.1% 0.2% 0.2% 0.5%;font-size:90%;}
.content-attributes textarea{width:75%;padding:0.1% 0.2% 0.2% 0.1%;font-size:90%;}
@media only screen and (max-width: 720px) { 
	.content-attributes label{font-size:85%;width:15%;} .content-attributes input, .content-attributes textarea{width:72%;} }
@media only screen and (max-width: 640px) { 
	.content-attributes label{font-size:80%;width:18%;} .content-attributes input, .content-attributes textarea{width:69%;} }
@media only screen and (max-width: 568px) { 
	.content-attributes label{font-size:75%;width:21%;} .content-attributes input, .content-attributes textarea{width:66%;} }
@media only screen and (max-width: 480px) { .content-attributes label{font-size:70%;} }
@media only screen and (max-width: 375px) { .content-attributes label{font-size:65%;} }
@media only screen and (max-width: 320px) { .content-attributes label{font-size:60%;} }

/*Photo Galleries*/
.photo-galleries-ctr{clear:both;float:left;position:relative;width:100%;font-size:90%;}
.photos-ctr{clear:both;width:100%;text-align:left;margin:0% 0% 2% 0%;padding:0%;}
.photos-ctr li{width:48.6%;margin:1.5% 1.2% 0% 0%;padding:0%;display:inline-block;text-align:left;}
.photos-ctr li img{border:2px solid whitesmoke;max-width:100%;max-height:400px;}
.photos-ctr li input{display:block;clear:both;width:95%;max-width:95%;min-width:95%;}
.photos-frame-ctr{clear:both;float:left;position:absolute;width:94%;padding:1% 3% 3% 3%;background-color:#ffffff;font-size:80%;}
.photos-options-ctr a{float:right;margin-top:1.1vh;margin-right:0.8vw;}
.photos-options-ctr select{margin-left:1vw;margin-top:1.5vh;padding:0.1vh 1vw 0.2vh 0.1vw;}
@media only screen and (max-width: 560px) {.photos-options-ctr select{margin-top:0.9vh;font-size:90%;}}


.video-ctr{padding-top:2vh;}
.video-ctr h2{clear:both;margin:0;padding:5vh 0 0 0;}
.video-ctr p{margin:0;padding:3vh 0 2vh 0;}

.video-youtube{clear:both;margin-top:1.5%;width:99%;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;position:relative;
height:0;
overflow:hidden;
}
.video-youtube iframe, .video-youtube object, .video-youtube embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/*Popup window*/
.popupblanket {background-color:gray;filter:alpha(opacity=65);opacity:0.65;position:fixed;z-index:9000;top:0px;left:0px;width:100%;height:100%;}
.popupwindow{float:right;position:relative;top:4vh;right:4.2vw;width:70%;background-color:white;padding:2vh 0vw 2vh 2vw;z-index:9001;
	-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;
	border-top:1px solid #e1e0e0;border-left:1px solid #e6e5e5;border-right:1px solid darkgray;border-bottom:1px solid silver;}

/*Buttons*/
.btn{float:left;border:2px solid #e3e3e3;font-weight:normal;cursor:pointer;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;}
.btn:active{border:2px solid #d5d5d5;}
.view{margin:0;padding:1vh 2.5vw;background-color:#a7a8a9;color:white;}
.view:hover{background-color:dimgray;}.view:active{background-color:red;}
.save{margin:0;padding:0.8vh 2.5vw 1vh 2.5vw;background-color:#80756f;color:#eeeeee;}
.save:hover{background-color:#000000;color:#d5d5d5;}.save:active{background-color:#80756f;}
@media only screen and (max-width: 560px) {.view, .save{font-size:90%;padding:0.7vh 1.9vw;}}
@media only screen and (max-width: 480px) {.view, .save{font-size:84%;padding:0.5vh 1.5vw;}}

.engineering-products-ctr{clear:both;margin:0;padding:0 2vw 4vh 0vw;width:100%;font-size:100%;}
.engineering-product{clear:both;float:left;margin:0 0 0 3vw;width:100%;padding:1.5vh 0 0 0;font-size:100%;}
.engineering-product-tn{float:left;width:12%;margin:0 1.5vh 0 0;}
.engineering-product-tn img{float:left;width:100%;max-width:100%;min-width:100%;border:1px solid gainsboro;}
.engineering-product-desc{float:left;width:75%;margin:0;padding:0;font-size:90%;text-align:left;}


.list-valves ul{color:#06a0c6;font-size:80%;margin-top:3%;margin-left:8%;}
.list-valves ul li{font-size:75%;color:dimgray;line-height:240%;}


.products-list ul, .data-list ul{color:#06a0c6;font-size:70%;margin-top:3%;margin-left:8%;}
.products-list ul li{padding-top:0.3%;}
.data-list ul li{padding-top:5%;}
.products-list ul li a, .data-list ul li a{font-size:75%;color:dimgray;padding-left:2%;}

.sectional-flighting{clear:both;margin:auto 0;width:100%;text-align:center;}
.sectional-flighting div{float:left;width:69%;padding:1vh 15%;font-size:90%;color:dimgray;}
.sectional-flighting div img{width:100%;}

.sectional-flighting-pitch{clear:both;margin:auto 0;width:100%;text-align:center;}
.sectional-flighting-pitch div{float:left;width:19%;padding:1vh 40%;font-size:90%;color:dimgray;}
.sectional-flighting-pitch div img{width:100%;}
.sectional-flighting-pitch span{float:left;width:79%;padding:1vh 10%;font-size:90%;color:dimgray;}
@media only screen and (max-width: 1440px) { 
.sectional-flighting-pitch div{width:25%;padding:1vh 37%;}
}
@media only screen and (max-width: 1280px) { 
.sectional-flighting-pitch div{width:27%;padding:1vh 36%;}
}
@media only screen and (max-width: 1125px) { 
.sectional-flighting-pitch div{width:29%;padding:1vh 35%;}
}
@media only screen and (max-width: 1080px) { 
.sectional-flighting-pitch div{width:33%;padding:1vh 33%;}
}
@media only screen and (max-width: 900px) { 
.sectional-flighting-pitch div{width:39%;padding:1vh 30%;}
}
@media only screen and (max-width: 854px) { 
.sectional-flighting-pitch div{width:41%;padding:1vh 29%;}
}
@media only screen and (max-width: 800px) { 
.sectional-flighting-pitch div{width:45%;padding:1vh 27%;}
}

.continuous-flighting{clear:both;margin:auto 0;width:100%;text-align:center;}
.continuous-flighting div{float:left;width:59%;padding:1vh 20%;font-size:90%;color:dimgray;}
.continuous-flighting div img{width:100%;}

.about-augers-core-barrels{clear:both;margin:auto 0;width:100%;text-align:center;}
.about-augers-core-barrels div{float:left;width:43%;padding:1vh 3%;font-size:90%;color:dimgray;}
.about-augers-core-barrels div img{width:100%;}

.general-content{background-color:white;padding-top:1%;padding-left:2%;padding-bottom:4%;}
.contact-dtl{font-size:100%;float:left;width:95%;padding-bottom:2vh;}
.contact-lbl label{clear:both;float:left;font-size:100%;font-weight:bold;margin-bottom:1%;padding-top:1.5%;}
.contact-lbl div{clear:both;float:left;font-size:100%;margin-bottom:1%;padding-top:1.5%;}
.contact-map{clear:both;margin-top:3vh;width:95%;}
#map{width:90%;height:40vh;margin:1% 5% 5% 5%;}


/*menus*/
.kaymainline-hdr{position:relative;background-color:#ffffff;}
.kaymainline-logo-ctr{clear:both;float:left;text-align:right;width:32.5%;padding-top:0%;padding-bottom:0;padding-left:0.5%;}
.kaymainline-logo-ctr a img{width:100%;}
.kaymainline-menu-ctr{float:left;width:67%;height:100%;}
.strip-above-menu{width:100%;height:2vh;}
.suckerfish-menu{clear:both;width:90%;padding-left:5%;padding-right:5%;padding-top:1.5%;}
.nav, .nav ul{margin:0 auto;list-style:none;z-index:9;}
.nav li{float:left;position:relative;}
.nav li a{float:left;
padding-left:2vw;padding-right:2vw;padding-top:6.7vw;padding-bottom:1vw;
text-decoration:none;color:#040708;font-weight:normal;
font-family: arial;font-size:120%;
outline:none;
}
.nav li a:hover{color:#000000;}
.nav li  ul{display:none;float:right;padding-top:0vw;padding-bottom:0vw;padding-right:1.3vw;}
.nav li ul li{width:100%;}
.nav li ul li a{width:100%;min-width:100%;color:#040708;
font-size:90%;text-align:right;
}
.nav li ul li a:hover {color:#000000;}




#navproducts{position:absolute;top:100%;left:27.5%;width:60%;z-index:999;visibility:hidden;font-size:100%;}
.menu-items{width:100%;padding-top:2%;padding-bottom:2%;
-webkit-border-bottom-left-radius:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;-khtml-border-bottom-right-radius:3px;border-bottom-right-radius:3px;
}
.menu-items a{display:inline-block;font-weight:bold;text-align:center;color:#040708;
opacity: 1.0;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.menu-items a:hover{opacity:0.80;filter: alpha(opacity=80);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.menu-items a div{color:dimgray;font-size:95%;}
.menu-items a div:hover{color:black;}
.menu-items a img{width:100%;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;}
.mainproducts a{width:22.2%;max-width:22.2%;padding-left:1%;padding-right:1%;}
.products{padding-left:2%;
background-color:#f4f3f3;
background: -moz-radial-gradient(center, ellipse cover, rgba(243,243,243,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(243,243,243,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(243,243,243,1) 0%,rgba(252,252,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f3', endColorstr='#fcfcfc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 6px 6px 5px 0px rgba(48,48,48,1);
-moz-box-shadow: 6px 6px 5px 0px rgba(48,48,48,1);
box-shadow: 6px 6px 5px 0px rgba(48,48,48,1);
}
.products a{width:23.1%;max-width:23.1%;padding-left:0.5%;padding-right:0.5%;}
.products a div{font-size:80%;}


/*footer*/ 
.footer-ctr{clear:both;width:100%;font-size:100%;background-color:#ced0d0;margin-top:8vh;}
.footer-links{float:left;padding-left:2%;color:#040708;}
.footer-links div{color:#040708;font-size:90%;font-weight:bold;}
.footer-links a{clear:both;float:left;color:#040708;font-size:85%;line-height:160%;text-decoration:none;}
.footer-links a:hover{color:#007f00;}
.ctr1{width:33%;padding-top:1.5%;padding-bottom:3%;}
.ctr2{width:31%;padding-top:1.5%;padding-bottom:3%;}
.ctr1 div, .ctr2 div{font-weight:bold;padding-bottom:1vh;}
.footer-logo-ctr{float:right;width:30%;padding-right:1%;padding-top:1.8%;padding-bottom:3vh;font-size:85%;line-height:145%;text-align:right;color:#d6d6d6;}
.footer-logo-ctr img{width:100%;padding-bottom:4%;vertical-align:middle;}
.call-kaymainline{clear:both;padding-top:0.8%;padding-bottom:1%;font-size:120%;color:#000000;}
.call-kaymainline a{color:#040708;font-size:105%;font-weight:bold;}
.call-kaymainline a:hover{color:#007f00;}
.kaymainline-address{clear:both;padding-top:0.8%;padding-bottom:1%;font-size:100%;color:#000000;font-weight:bold;}
.kay-mainline-email{clear:both;padding-top:0.8%;padding-bottom:1%;font-size:115%;color:#000000;}
.kay-mainline-email a{font-size:120%;color:#000000;font-weight:bold;}
.kay-mainline-email a:hover{color:#007f00;}
.kennedyfox{clear:both;}
.kennedyfox a{color:#040708;font-size:85%;}
.kennedyfox a:hover{color:#000000;}
.facebook{margin-top:1vh;width:4.5vw;filter:alpha(opacity=100);opacity:1.0;}
.facebook:hover{filter:alpha(opacity=65);opacity:0.65;}
.facebook img{width:100%;}

@media only screen and (max-width: 1380px) {
	#navproducts{left:28.5%;}
}
@media only screen and (max-width: 1280px) {
	#navproducts{left:29.4%;}
}
@media only screen and (max-width: 1242px) {
	#navproducts{left:30.5%;}
}
@media only screen and (max-width: 1136px) {
	#navproducts{left:31%;}
	.mainproducts a div{font-size:90%;}
}
@media only screen and (max-width: 1080px) {
	
	#navproducts{left:32%;}
	.products a div{font-size:75%;}

}
@media only screen and (max-width: 1024px) {
	.nav li a{font-size:110%;}
	#navproducts{left:32%;}

}
@media only screen and (max-width: 900px) {
	.nav li a{font-size:100%;}
	#navproducts{left:33%;}
	.products a{width:22%;max-width:22%;}
}
@media only screen and (max-width: 800px) {
	.footer-links a{font-size:80%;}
	.call-kaymainline a{font-size:95%;}
	.footer-logo-ctr{font-size:75%;}
	#navproducts{left:33%;}
	.products a div{font-size:65%;}
	.mainproducts a div{font-size:80%;}
}
@media only screen and (max-width: 800px) {
	#navproducts{left:17.9%;}
	.products a div{font-size:60%;}
	.mainproducts a div{font-size:72%;}
}
@media only screen and (max-width: 700px) {
	.footer-links a{font-size:75%;}
	.footer-logo-ctr{font-size:68%;}
	.nav li a{font-size:75%;}
	#navproducts{left:18.5%;}
	.products a div{font-weight:300;font-size:50%;}
	.mainproducts a div{font-size:64%;}
}
@media only screen and (max-width: 640px) {
	.nav li a{font-size:65%;}
	.footer-links a{font-size:70%;}
	#navproducts{left:20.4%;}
	.products a{width:17.2%;max-width:17.2%;}
	.mainproducts a div{font-size:60%;}
}
@media only screen and (max-width: 600px) {
.kaymainline-logo-ctr{width:25.5%;}
.kaymainline-menu-ctr{width:74%;}
	#navproducts{left:13.3%;}
	.mainproducts a div{font-weight:300;font-size:52%;}
}

@media only screen and (max-width: 560px) {						/*mobile*/
.kaymainline-logo-ctr{width:50%;font-size:100%;}
.kaymainline-logo-ctr img{width:60%;}
.kaymainline-menu-ctr{width:48%;}
.menu-bars{width:100%;cursor:pointer;}
.menu-bars img{float:right;width:17%;padding-bottom:3.7%;}
.nav ul{display:block;padding-top:2vh;padding-bottom:15vh;}
ul.nav li {clear:both;float:right;width:100%;}
.nav li a{width:96%;font-size:95%;padding-top:0vh;padding-bottom:0vh;text-align:right;line-height:155%;}

.menu-title{display:none;}
.nav li ul{display:inline-block;}
.nav li ul li a{font-size:95%;line-height:180%;}
}
@media only screen and (min-width: 560px) { .menu-bars{display:none;} }

@media only screen and (max-width: 480px) {
	.footer-links a{font-size:65%;color:#040708;}
	.footer-logo-ctr{font-size:60%;}
	.mainproducts a{padding-left:0.5%;padding-right:0.5%;}
	.mainproducts a div{font-size:42%;}

}
@media only screen and (max-width: 375px) {
	.footer-links a{font-size:60%;line-height:170%;color:#040708;}
	.footer-logo-ctr{font-size:55%;}
	.call-kaymainline a{font-size:92%;}
	.mainproducts a div{font-size:36%;}
	.nav li a{font-size:65%;}
	.nav li ul li a{font-size:65%;}
}
@media only screen and (max-width: 320px) {
	.footer-links a{font-size:50%;line-height:180%;color:#040708;}
	.call-kaymainline a{font-size:85%;}
	.mainproducts a div{font-size:32%;}
}





.clear{clear:both;}
.cleargap{clear:both;padding-top:2%;}
.hide{display:none;}