/*  ----------------   Common Elements   ------------------ */
.columns, .column{
	borders: 1pt solid blue;
}
#img-fluid {
  max-width: 100%;
  height: auto;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
main{
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	background-color: white;

	border: 1pt solid white;
	}

.no_button{
	border:none;
  	outline:none;
  	background:none;
  	cursor:pointer;
	color:rgba(1,37,173,1);
	font-weight: bold;
    padding:0;
    text-decoration:underline;
    font-family:inherit;
    font-size:inherit;
    text-decoration:none;
}
.no_button:hover{
	background-color: none;
}
body{
	webkit-font-smoothing:antialiased !important;
	moz-font-smoothing:antialiased !important;
	o-font-smoothing:antialiased !important;
	moz-osx-font-smoothing: grayscale;
	background-repeat: repeat;
}
.oem_icons{
	width:auto;
	margin: 0 2%;
}

header{
	background-color: white;
	width: 100%;
	z-index: 1000;
}
nav{
	width: 100%;
	z-index: 1000;
	}
.wd_nav{
	text-decoration: none;
}
a.wd_nav:link, a.wd_nav:visited{
	color: #a9a9a9;
	}
a.wd_nav:hover{
	color:rgb(1, 37, 173);
	}

.wd_nav_select{
	display: none;
}	
.open_family{
	width:auto; 
	margin:0px;
	padding: 5px;
	float:left;
	position:relative;
	n-border: 1pt solid red;
	    }
.store-image{
    border:none; 
    repeat:no-repeat; 
    height:175px; 
    width:175px; 
    display:block;
    margin:0 5px 140px 0;
    float:left;
    background-size:contain;
    n-border:1pt solid red ;
    }
.v_button{
	position:absolute;
	top:195px;
	left:55px;
 }
.form-desc{
	margin-left:160px;
	padding: 0;
	text-align:left;
	n-border: 1pt solid red;
	width: 145px;
 }
.banner_wrap{
	background-color: #eaeaea;
}
.o-hide_banner{
	max-height: 700px;
  -moz-animation: seconds 1.0s forwards;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 3s;
  
  -ms-animation: seconds 1.0s forwards;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 3s;
  
  -o-animation: seconds 1.0s forwards;
  -o-animation-iteration-count: 1;
  -o-animation-delay: 3s;

  -webkit-animation: seconds 1.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 3s;
  
  animation: seconds 1.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 3s;
  
  position: relative;
  
  -webkit-transition: all 1.0s ease-out;  
  -moz-transition: all 1.0s ease-out;
  -ms-transition: all 1.0s ease-out;
  -o-transition: all 1.0s ease-out;
  transition: all 1.0s ease-out;
}

.hide_banner{
	  position: relative;
	  height: 50px;
  }
@-webkit-keyframes seconds {
  0% { opacity: 1;}
  100% {opacity: 0; height: 58px;}
}
@-moz-keyframes seconds {
  0% { opacity: 1;}
  100% { opacity: 0; height: 58px;}
}
@-o-keyframes seconds {
  0% { opacity: 1;}
  100% { opacity: 0; height: 58px;}
}
@keyframes seconds {
  0% { opacity: 1;}
  100% { opacity: 0; height: 58px;}
}
h5{
	font-weight: bold;
}
.box_shadow{
	box-shadow: 3px 3px 3px rgba(34, 25, 25, 0.4);
}
.banner_shadow{
	box-shadow: 0px 3px 3px rgba(34, 25, 25, 0.4);
}

.address p span, .activity_title, .staff_name, .show_name, .job_title, .retail_name, .dist_company, .dist_name,  .prod_sheet_name a, .note, .question    {
	color: rgb(1,37,173);
}


.note{
	font-weight: bold;
	font-style: italic;
}
.card_container{
	margin: 0 auto;
}
nav, .site_nav{
	background-color: rgba(1,37,173,0.9);
	border-color: rgba(1,37,173,0.9);
} 
.icon_card a:hover, #foot ul li a:hover, a:hover{
	color: #0e80ff;
}
input.form-red {
	border-color:red;
		}
.form-red{
	color:red;
}
input[type="checkbox"].form-red{
	background-color: #ffb4b9;
}

.side_nav_background, .side_nav_background_inner {
  display:none;
}
.response_background{
  display:block;
  width:76%;
  max-width:700px;
  min-height: 300px;
  height:auto;
  margin:10px auto;
  padding:40px 20px 20px 20px;
  border-radius:15px;
  background-color: #eaeaea;  
}
.response_background_inner {
  display:block;
  height:auto;
  margin:5px;
  padding: 20px;
  border-radius:5px;
  background-color: white;
border: 1px inset #c0c0c0;
}
.txt1, .txt2 {
  line-height:30px;
	font-weight: bold;	
} 
.txt1 {
	font-size:20px;	
}
.txt2 {
	font-size:30px;	
}
.txt_block{
	text-align: center;
	     }
.features_list{
	font-size: 14px;
}
.subject_to_line{
	font-size: 11px;
}
.learn_more{
	list-style-type: none;
}
.icon_name{
	color: rbg(102,102,102);
}

hr{
	height: 1px;
	background-color: #E1E1E1;
	width: 90%;
	}
.product_display{
	display: block;
	width: 100%;
	height: 300px;
	margin: 0 auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
 .feature_image{
	display: block;
	height: 200px;
	width: 100%;
	margin: 0 0 20px 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	
	}
 .feature_worker{
	background-image: url('../2-images/misc/features_worker.jpg');
}
.feature_workboat{
	background-image: url('../2-images/misc/features_workboat.jpg');
}
.feature_generator{
	background-image: url('../2-images/misc/features_generator.jpg');
}
.feature_mobile{
	background-image: url('../2-images/misc/features_mobile.jpg');
}
.feature_mining{
	background-image: url('../2-images/misc/features_mining.jpg');
}
/* Product images */
.prod_lw_pendant{
	background-image: url('../2-images/products/SC500.png');
}
.prod_wd600_pendant{
	background-image: url('../2-images/products/products_loneworker.jpg');
}
.prod_wd600{
	background-image: url('../2-images/products/wd600.png');
}
.prod_telematics{
	background-image: url('../2-images/products/telematics.png');
}
.prod_workboat{
	background-image: url('../2-images/products/products_workboat.jpg');
}
.prod_vms{
	background-image: url('../2-images/activities/index-activities_vms.png');
}
.prod_mining{
	background-image: url('../2-images/products/products_mining.jpg');
}
.prod_vterm_forms{
	background-image: url('../2-images/products/prod_vterm_forms.jpg');

}				
/* --- DIVS -- */

#content{
	padding:0;
	min-height: 775px;
	margin-top: 0px;
	}
#foot{
	padding:10px;
	margin: 0;
	background: #5e5e5e url("../2-images/tweed.png") repeat;
}
#legal{
	position: relative;
	height: 30px;
	padding: 10px 5px 5px 20px;
	margin: 0;
	font-size: 12px;
	line-height: 1em;
	color: #5e5e5e;
	border: none;
}
.page_corp_logo, .home_corp_logo{
	position: absolute;
	right: auto;
	display: block;
	height: 74px;
	width: 160px;
	background-size: contain;
	background-repeat: no-repeat;
}
.page_corp_logo{
	top: 5px;
	left: 0px;
	background-image:url("../2-images/corp_logo/faria-beede_logo_248x116-ds.png");
}

.home_corp_logo{
	top: 10px;
	left: 5px;
	background-image:url("../2-images/corp_logo/fb-logo-animated-sk096501.gif");

}

.content{
	padding:0px;
	}
.footer_title{
	font-size: 1.5rem; 
	line-height: 15px;
	margin: 0 0 10px 0;
	padding: 0;
	color: white;
	font-weight: normal;
	text-decoration: underline;
}
.address{
	display: block;
	margin: 0;
	padding: 10px 10px 30px 10px;
	width: 96%;
	background-color: white;
	background-image: url(../2-images/cream_dust.png);
	background-repeat: repeat;
	}
.address p, .address p span, .address_lg p, .address_lg p span {
	color: #424242;
	line-height: 1em;
	margin: 4px 0;
	padding: 0;
}
.address p{
	font-size: 12px;
}
.address p span{
	font-size:14px;
}

.address_lg p{
	font-size: 14px;
}
.address_lg p span{
	font-size:16px;
}


/* --- NAVIGATION -- */
.corp_nav{
	height: 25px;
	padding:0;
	width: 100%;
	background-color: rgba(0,0,0, 0.8);
	z-index: 1000;
}
#site_nav{
	z-index: 1;
}
.site_nav{
	width:100%;
	margin: 0;
	padding: 0;
}
/* Common Navigation */
.toggle, [id^=drop] {
 	display: none;
}
nav {
  	margin: 0;
  	padding: 0;
}
nav:after {
  	content: "";
  	display: table;
  	clear: both;
}
nav ul {
  	float: left;
  	padding: 0;
  	margin: 0;
	list-style: none;
  	position: relative;
 }

nav a {
  display: block;
  padding: 0;
  o-color: white;
  font-size: 18px;
  line-height: 40px;
  text-decoration: none;
}

ul.menu li ul li:hover { 
	o-color: white;
	o-background-colors: rgb(1, 37, 100);}

nav a:hover { 
	o-color: white;
	background-color: rgb(1, 37, 173); }

ul.menu ul {
  display: none;
  position: absolute;
  top: 30px;
}

nav ul li:hover > ul { display: inherit; }

ul.menu ul li:last-child{
	o-border-bottom: 1pt solid #eaeaea;
}
ul.menu ul li a{
	o-color: rgb(1,37,173);
}
ul.menu ul li a:hover{
	color: white;
}
ul.menu ul li:hover a:hover{
	o-color: white;
}
.menu_sep{
    font-weight: bold;
    color: white;
    font-size: 18px;
}
.new_menu_sep{
    font-weight: bold;
    color: red;
    font-size: 18px;
}
/* End Navigation Menu */
.upper_nav{
	list-style-type: none;
	padding:0;
	margin: 0;
	height: 25px;
	float: right;
	}
.upper_nav li{
	float: left;
}
.upper_nav li a{
	display: block;
	margin: 0;
	padding:0px 8px;
	font-size: 12px;
	line-height: 25px;
	font-weight: 600;
	color: white;
	text-transform: capitalize;
	text-decoration: none;
	font-variant: normal;
	border: none;
	}
.upper_nav li a:hover{
	color: white; 
}
.upper_nav li a:hover:not(.active) {
    background-color: rgb(1, 37, 173);
    }


/*  ----------------   Home Page Elements  ------------------ */

.activity{
	margin: 0 auto;
	padding: 0;
	width: auto;
	font-size: 18px;
	line-height: 1em;
	font-weight: normal;
	text-align: center;
	text-transform: capitalize;
	z-index: 100;
}
.segment{
	width: 100%;
	height: 225px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	z-index: 100;
	borders: 1pt solid blue;
}

.astyles{
	background-image:url(../2-images/activities/index-activities-styles.jpg);
}
.marine{
	background-image:url(../2-images/activities/index-activities-marine.jpg);
}
.industrial{
	background-image:url(../2-images/activities/index-activities-industrial.jpg);
}
.screens{
	background-image:url(../2-images/activities/index-activities-screens.jpg);
}
.telematics{
	background-image:url(../2-images/activities/index-activities-telematics.jpg);
}
.senders{
	background-image:url(../2-images/activities/index-activities-senders.jpg);
}
.military{
	background-image:url(../2-images/activities/index-activities-military.jpg);
}
.cust_serv{
	position: relative;
}

.banner_image{
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	height: 250px;
		
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	opacity: 1.0;
	transition: all 3.0s ease;
   	-webkit-transition: all 3.0s ease;
   	-moz-transition: all 3.0s ease;
   	-ms-transition: all 3.0s ease;
	}
#placeholderdiv{
	-webkit-transition: all 2.0s ease-out;  
	-moz-transition: all 2.0s ease-out;
	-ms-transition: all 2.0s ease-out;
	-o-transition: all 2.0s ease-out;
	transition: all 10.0s ease-in;
}
.banner_iot{
	background-image: url(../2-images/b-index/banner_iot.jpg);
}
.banner_resource{
	background-image: url(../2-images/b-index/banner_resource.jpg);
}
.banner_solutions{
	background-image: url(../2-images/b-index/banner_solutions.jpg);
}
.banner_rec_boat{
	background-image: url(../2-images/b-index/banner_rec_boat.jpg);
}

.banner_worker{
	background-image: url(../2-images/b-index/banner_19.jpg);
}
.banner_oil_gas{
	background-image: url(../2-images/b-index/banner_05.jpg);
}
.banner_mining{
	background-image: url(../2-images/b-index/banner_03.jpg);
}
.banner_workboat{
	background-image: url(../2-images/b-index/banner_06.jpg);
}
.banner_fishing{
	background-image: url(../2-images/b-index/banner_fishing.jpg);
}
.banner_reps{
	background-image: url(../2-images/b-index/banner_representative.jpg);
}
.banner_military{
	background-image: url(../2-images/b-index/banner_military.jpg);
}
.banner_mtu{
	background-image: url(../2-images/b-telematics/banner-mtu.jpg);
}
.banner_0{
	background-image: url(../2-images/b-index/banner_00.jpg);
}
.banner_1{
	background-image: url(../2-images/b-index/banner_07.jpg);
}
.banner_2{
	background-image: url(../2-images/b-index/banner_09.jpg);
}
.banner_3{
	background-image: url(../2-images/b-index/banner_18.jpg);
}
.banner_4{
	background-image: url(../2-images/b-index/banner_11.jpg);
}
.banner_5{
	background-image: url(../2-images/b-index/banner_12.jpg);
}
.banner_6{
	background-image: url(../2-images/b-index/banner_13.jpg);
}
.banner_7{
	background-image: url(../2-images/b-index/banner_14.jpg);
}
.banner_8{
	background-image: url(../2-images/b-index/banner_15.jpg);
}
.banner_9{
	background-image: url(../2-images/b-index/banner_16.jpg);
}
.banner_10{
	background-image: url(../2-images/b-index/banner_17.jpg);
}

.iso_dec{
	color: white;
	font-size: 12px;
	line-height: 1em;
}
.iso_cert{
	height: auto;
	width: 100%;
}

/*  Directory Page  */
.staff_card{
	position: relative;
	display: inline-block;
	height: 250px;
	width: 49%;
	max-width: 200px;
	margin:5px 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	vertical-align: top;
	}
	.staff_picture {
	display:block;
	padding:0px;
	margin:0 auto;
	borders: 2px ridge #CCCCCC;

	}

.staff_name {
	font-weight: bold;
	font-size: 15px;
	line-height: 1em;
	padding:0;
	margin:10px 0 0 0;
	}
.staff_title {
	font-size: 13px;
	line-height: 1em;
	color: #000000;
	margin:5px 0 0 0;
	padding:0;
	}
.staff_ext {
	font-size: 14px;
	line-height: 1em;
	color: #000000;
	margin:10px 0 0 0;
	padding:0;

	}	
.more_link1 {
	color: #0000FF;
	margin:0;
	padding:0;
	text-decoration:blink;
	line-height: normal;
}
input.staff_email {
	position: absolute;
	bottom: 10px;
	right: 32%;
	left: 32%;
	width: 36%;
  display: block;
  padding: 5px;
  margin: 10px 0 0 0 ;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.staff_email:hover{
  color: #333;
  border-color: #888;
  outline: 0; }

/*  Trade Show page  */
.show_card{
	height: auto;
	width: 90%;
	margin:0px;
	padding:5px 10px;
	list-style-type: none;
		}
.show_date{
	margin: 0;
	padding: 0;
}
.show_name{
	font-weight: bold;
	font-size: 15px;
	line-height: 1em;
	margin: 0;
	padding: 0;
}
.show_venue{
	margin: 0;
	padding: 0;
}
.show_booth{
	margin: 0;
	padding: 0;
}
.trade_booth{
	display: block;
	height:600px;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("../2-images/misc/trade_show_booth.jpg");	
}
/*  Distributors page  */
.dist_company, .dist_address, .dist_country, .dist_province,.dist_providence, .dist_telephone, .dist_tollfr, .dist_fax, .dist_web, .retail_telephone, .retail_area, .retail_web{
	margin: 0;
	padding: 0;
}
.retail_card{
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	height: auto;
	margin:10px 5px;
	padding: 20px 0 0 0;
	list-style-type: none;

	/*background-color: rgba(179, 179, 179, 0.3);*/
}
.dist_telephone{
	
}
.retail_logo{
	display: block;
	height: 125px;
	width: 80%;
	margin:10px auto ;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
}
 .dist_province, .dist_type{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.retail_type, .retail_name, .dist_company, .dist_name{
	margin: 0;
	padding: 0;
}
.dist_name{
	font-size:17px;
}
.retail_name{
	font-size:17px;
	line-height: 1em;
	font-weight: bold;
}
.retail_type{
	margin: 20px 0 0 0;
	padding: 0;
}

.dist_form_select{
	width:85%;
	margin:2px 0;
	padding: 0;
}
.dist_card, .rep_card{
	height: auto;
	padding:5px 10px;
	list-style-type: none;
}
.rep_card{
	width: 45%;
	margin:0px 10px;
	float: left;
}
.rep_cards{
	width: 90%;
	margin:0px 10px;
}
.dist_card{
	width: 90%;
	margin:0px;

}


.res_card{
	height: 220px;
	width: 100%;
	margin:0px;
	padding:5px 10px;
	list-style-type: none;
	}
.res_image{
	display: block;
	height:110px; 
	width:110px;
	margin:10px auto;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.res_image_2{
	display: block;
	height:auto;
	width:auto;
	margin:10px auto;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
}


/*  Sales Team page*/
.prod_sheet_picture {
	display:block;
	height: 130px;
	width: 130px;
	padding:0px;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	}
.prod_sheet_name {
	font-size: 17px;
	font-weight: normal;
	line-height: 1.5em;
	width: 100%; 
	padding:0;
	margin:10px 0 0 0;
	text-align: center;
	text-decoration: none;
}
.prod_sheet_links{
	position: absolute;
	bottom: 10px;
	right: 20%;
	left: 20%;
	width: 60%;
	margin: 0 auto;
	text-align: center;
}
.prod_sheet_type{
	text-align: center;
}

/*  Careers page  */

.job_card{
	height: auto;
	width: 99%;
	margin:0px;
	padding:5px;
	list-style-type: none;
	}
.job_shift, .job_desc, .job_title{
	margin: 0;
	padding: 0;
}
.job_title{
	font-weight: bold;
	font-size: 15px;
	line-height: 1em;	
}
.job_stmnt{
	font-size: 15px;
	font-style: italic;
	line-height: 1em;
	color: #5e5e5e;
}
.job_stmnt_eo{
	font-size: 15px;
	font-style: normal;
	line-height: 1em;
	color: black;
}
/* Founder */
.tomsrpic{
	display: block;
	height: 270px;
	width: 85%;
	max-width: 270px;
	margin: 5px auto;
	padding: 0;
	background-size: cover;
	borders: 2px ridge #CCCCCC;
	-moz-box-shadow:3px 3px 5px #797979;
	-webkit-box-shadow:3px 3px 5px #797979;
	background: url(../2-images/staff/tomsr_big.jpg) no-repeat;
	background-position: center center;
}
/* Resources */
.icon{
	display: inline-block;
	vertical-align: top;
	
	margin:0px 10px;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	text-align: center;
	borders: 1pt solid red;
	}
.icon_name{
	text-decoration: none;
	margin: 10px auto;
	padding: 0;
	width: 90%;
	text-align: center;
	}
.icon_picture {
	display:block;
	padding:0px;
	margin:0 auto;
	min-height: 100px;
	min-width: 100px;
	width: auto;
	
	overflow: hidden;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	}
.icon_retail{
	background-image:url(../2-images/icons/icon_retail.png);
}
.icon_manuals{
	background-image:url(../2-images/icons/icon_manuals.png);
}
.icon_bulletins{
	background-image:url(../2-images/icons/icon_bulletins.png);

}
.icon_repair{
	background-image:url(../2-images/icons/icon_repairs.png);
}
.icon_status{
	background-image:url(../2-images/icons/icon_status.png);
}
.icon_contact{
	background-image:url(../2-images/icons/icon_contact_us.png);
}
.icon_worker{
	background-image:url(../2-images/icons/icon_worker.png);
}
.icon_oil_gas{
	background-image:url(../2-images/icons/icon_oil-gas.png);
}
.icon_mining{
	background-image:url(../2-images/icons/icon_mining.png);
}
.icon_workboat{
	background-image:url(../2-images/icons/icon_work_boat.png);
}
.icon_fishing{
	background-image:url(../2-images/icons/icon_fishing.png);
}
.icon_yachts{
	background-image:url(../2-images/icons/icon_yachts.png);
}
.icon_oem{
	background-image:url(../2-images/icons/icon_oem.png);
}
.icon_send_rma{
	background-image:url(../2-images/icons/icon_send_rma.png);
}
.icon_about_gauges{
	background-image:url(../2-images/icons/icon_about_gauge.png);
}
.icon_fuel{
	background-image:url(../2-images/icons/icon_fuel.png);
}
.icon_press{
	background-image:url(../2-images/icons/icon_press.png);
}
.icon_presssw{
	background-image:url(../2-images/icons/icon_presssw.png);
}
.icon_temp{
	background-image:url(../2-images/icons/icon_temp.png);
}
.icon_faq{
	background-image:url(../2-images/icons/icon_faq.png);
}
.company_images{
	display: block;
	height: 154px;
	width: 96%;
	margin: 0 auto;
	padding: 0;
	z-index:0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.plant{
	background-image:url(../2-images/company/building.jpg);
}
.sixty-seven{
	background-image:url(../2-images/company/mustang_comet.jpg);
}
.seventies{
	background-image:url(../2-images/company/caterpillar.jpg);
}
.eighties{
	background-image:url(../2-images/company/hmmv.jpg);
}
.nineties{
	background-image:url(../2-images/company/harley_davidson.jpg);
}
.watchdog{
	background-image:url(../2-images/company/alaska_fishingboat.jpg);
}
.today{
	background-image:url(../2-images/company/wake_tracktor.jpg);
}

/* How It Works Images */
.how_it_works{
	display: block;
	width: 98%;
	min-height: 300px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center top;	
	}

.lone_worker{
	background-image:url(../2-images/how_it_works/how_it_works_worker.png);
}
.fishing{
	background-image:url(../2-images/how_it_works/how_it_works_fisheries.png);
}
.dist_card, .rep_card, .retail_card,.res_card, .show_card, .res_card, .job_card {
	border-top: 1pt solid #eaeaea;
	}
	
/* ///////////// Buttons /////////////////////// */

#logIn_button, #dealer_button{
	display:inline-block;
	vertical-align: top;
	width:50px;
	height:50px;
	border:none;
	padding:0;
	margin: 0;
	border: none;
	}
#logIn_button{
	background: url(../2-images/icons/button_signin_50x150.png) no-repeat center top;	
	}
#logIn_button:hover{
	background: url(../2-images/icons/button_signin_50x150.png) no-repeat center center;
	}
#logIn_button:active{
	background: url(../2-images/icons/button_signin_50x150.png) no-repeat 0 bottom;
	}
#dealer_button{
	background: url(../2-images/icons/button_dealers_50x150.png) no-repeat center top;
	}
#dealer_button:hover{
	background: url(../2-images/icons/button_dealers_50x150.png) no-repeat center center;
	}
#dealer_button:active{
	background: url(../2-images/icons/button_dealers_50x150.png) no-repeat 0 bottom;
	}

.nav_link_icon{
	display: inline-block;
	border-radius: 4px;
  	border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
    height: 42px;
	width: 42px;
	background-color: white;
}
a.nav_link_icon:hover{
	background-color:rgba(255, 255, 255, 0.7);
  	color: #333;
  	border-color: #888;
  	outline: 0; 
}
/* ////////////////////////////////////////////////////// */
@media all and (max-width : 768px) {

.arrow-up {
	display: none;
	}
.arrow-left {
	display: none;
	}
nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  text-align: left;
}
li > a:after { content: ' '; }

li > a:only-child:after { content: ''; }

nav { margin: 0; background-color: transparent; }

.toggle + a, .menu { display: none; }

.toggle, nav li a {
  display: block;
  font-size: 20px;
  line-height: 50px;
  font-weight: 400;
  text-decoration: none;
  o-border-bottom: 1pt solid white;
}
.toggle{
	padding: 0 20px;
}
nav li a{
	padding: 0 20px;
}
.toggle:hover { o-background-color: rgb(1, 37, 100); }

[id^=drop]:checked + ul { 
	display: block; 
	o-background-color: rgb(1,37,100);
 }

ul.menu ul li.sec_toggle label{
	margin: 0;
	padding: 0 20px;
}
ul.menu ul li.sec_toggle{
	o-background-color: rgb(1, 37, 100);
	
}
ul.menu li {
  display: block;
  width: 100%;
  o-border-bottom:1pt solid white;
  background-color: white;
}
ul.menu li:last-child {
  border-bottom:none;
}
ul.menu ul li {
  width: 100%;
  background-color: #d5d5d5;
  o-border-top: 1pt dotted rgba(1, 37, 173, 0.75);
  border-bottom: 1pt dotted rgba(1, 37, 173, 0.75);

}
ul.menu ul li a{
	color: rgb(1, 37, 173);
}
ul.menu ul li {
  o-border-bottom: 1pt solid white;
}
nav a:hover,
 ul.menu ul ul a { o-background-color: rgb(1, 37, 75); }

ul.menu li ul li .toggle,
 ul.menu ul a { o-background-color: rgb(1, 37, 100); }

ul.menu ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

ul.menu ul li {
  display: block;
  width: 100%;
}

ul.menu ul ul li { position: static;

}
.first_tier{
	background-color: rgb(1, 37, 100);
	color: white;
	o-border-top: 1pt dotted red;
  	border-bottom: 1pt dotted #eaeaea;
}
.second_tier{
	background-color: rgb(1, 37, 137);
	color: white;
}
.third_tier{
	background-color: rgb(1, 37, 173);
	color: white;
	border-top: 1pt dotted white;
}
.fourth_tier{
	background-color: #c0c0c0;
	color: rgb(1, 37, 100);
}
}

@media all and (max-width : 330px) {

ul.menu li {
  display: block;
  width: 100%;
 }
}

@media (min-width : 350px) {
	.row{
	padding:0 10px;
}

	.nav_icons{
	margin: 20px auto; 
	height:50px; 
	width:320px;
}
	.static_home_corp_logo{
	margin: 15px auto;
	padding: 0px;
	display: block;
	height: 100px;
	width: 208px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image:url("../2-images/corp_logo/2022 logo white with red-02.png");
	}

	.arrow-up {
	display: none;
	}
	.arrow-left {
	display: none;
	}
	.prod_sheet_card{
	display: none;
	}
	.prod_sheet_row a, .prod_sheet_card a{
	list-style-type: none;
	font-size:18px; 
	line-height:1em; 
	text-decoration: none;
	text-align: center;
	}
	.prod_sheet_row{
	display: inline-block;
	width: 320px;
	max-width: 320px;
	margin:5px 0;
	padding:0 0 10px 0;
	}
	.retail_card{
	width: 96%;
	}
	.banner_image{
	height: 350px;
	}
	.icon_card{
	min-width: 44%;
	}
	
}
@media (min-width : 600px) {
	#gap{
	height: 155px;
}
	nav{

	top: 125px;
	}
	.corp_nav{
	position: fixed;
	top: 0;
}
    header{
	position:fixed;
	top: 25px;
}
	.store-image{
    margin:0 10px 0px 5px;
	background-repeat: no-repeat;
}	 
    .nav_icons{
	float: right;
	margin:20px 20px 20px auto ;
		}
.form-desc{
	width:70%;
 }  
.open_family{
	height: 240px;
    }

.pdf_link{
	margin: -50px 0 0 60px;
}	
#content{
	padding:20px;
	}
	.static_home_corp_logo{
	margin-left:20px;
	}

	.corp_tag{
	position: absolute;
	left: 0;
	top: 375px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	font-weight: bolder;
	text-shadow: #424242 4px 4px 5px;
	z-index: 100;
	}
	.telematics_tag{
	display:none;
	}

	.display_row{
	display: none;
	}
	.prod_sheet_row{
	display: none;
	}
 	.side_menu{
	display: block;
	}
	.retail_card{
	width: 45%;
	}
 	.side_nav_background {
  	display:block;
  	width:90%;
  	height:auto;
  	margin:0 auto;
  	padding:0; 
  	}
  	.side_nav_background_inner {
  	display:block;
  	height:auto;
  	width: 100%;
  	margin:0;
	padding:0;
  	}
  .side_nav_background_inner ul li{
	list-style-type: none;
	width: 98%;
	padding: 5px;
	margin: 0;
	background-color:#eaeaea;
	border-bottom: 1pt solid #c0c0c0;
	opacity: 0.9;
  } 

  .side_nav_background_inner ul li a{
	text-decoration: none;
  } 
  .side_nav_background_inner ul li:hover{
	background-color: rgba(1,37,173, 0.9);
  } 
	.side_nav_background_inner ul li:hover a{
	color: white;
  } 
	.site_nav,  .not-menu li a:hover{
	width:100%;
	}

.form_holder{
    display:block;
    position: relative;
    align-self: center;
    float: inline-start;
	}
	.sellsheet_btn_2{
	    float: left;
	}
  	.install_btn{
	    float: left;
    }
  	.dealer_btn{
	    float: left;
        clear: right;
    }

	.how_it_works{
	min-height: 500px;
	}
	
	
	.prod_sheet_card{
	position: relative;
	display: inline-block;
	margin:20px 10px;
	padding:0;
	height: 200px;
	width: 100%;
		}
.sales_prod_sheet_card{
	height: 325px;
}

	.prod_sheet_card{
	width: 24%;
	}
	.staff_card{
	width: 24%;
	}
	.info_side{
	background-colored: rgba(204,204,204,0.1);
	border-right: 6pt solid;
	border-color: rgba(204,204,204,0.5);
	padding:0;
	}
	
}
@media (min-width : 750px) {
.aftermarket_place{
	display: block;
	margin: 0 auto;
	padding: 0px;
	height: 300px;
	width: 100%;
	background-size:cover;
	background: url('../2-images/misc/aftermarket_place.jpg') no-repeat center center;
   borders: 1pt solid black;
   }

.open_family{
	width:45%;
	height: 320px;
    }
nav{
	position: fixed;
	}
    
.hide_hr{
	display: none;
	}
.form-desc{
	width: 145px;
 	}  
.store-image{
	height: 150px;
	width: 150px;
    margin:0 10px 185px 5px;
	background-repeat: no-repeat;
	}	 
}

@media (min-width : 770px) {
.hide_hr{
	display: none;
}
   
/* Navigation Menu */

ul.menu li {
  	margin: 0px;
  	display: inline-block;
  	-webkit-transition: all 1.0s ease-out;  
  -moz-transition: all 1.0s ease-out;
  -ms-transition: all 1.0s ease-out;
  -o-transition: all 1.0s ease-out;
  transition: all 1.0s ease-out;

}

ul.menu a {
  	display: block;
  	padding: 0 8px;
  	color: white;
  	font-size: 13px;
  	line-height: 40px;
  	font-weight: 600;
  	text-decoration: none;
}
ul.menu a:hover {
	background-color: rgb(1, 37, 173);
	color: white; 
}
ul.menu li {
	text-align: left;
	}
ul.menu ul a{
	color: rgb(1, 37, 173);
}
ul.menu ul a:hover{
	color: white; 
}
ul.menu ul {
  	display: none;
  	position: absolute;
  	top: 40px;
}
ul.menu ul ul{
  	display: none;
  	position: absolute;
  	top: 0px;
  	left: 202px;
}
ul.menu ul ul ul{
  	display: none;
  	position: absolute;
  	top: 0px;
  	left: 202px;
}
ul.menu li:hover > ul { display: inherit; }
ul.menu ul li {
  	width: 200px;
  	padding:0 0 0 10px;
	display: list-item;
  	position: relative;
  	background-color: #eaeaea;
  	border-bottom: 1pt solid rgb(1, 37, 173);
  	box-sizing:border-box;
  	}
ul.menu ul li:hover{
	color: white;
}
/* End Navigation stuff */
	.address{
	width: 80%;
	}
	.fixed_nav_window{
	position: fixed;
	height: 165px;
	top: 0;
	left: 0;
	z-index: 9999;
	
		}
	#spacer{
	height: 165px;
}
	.arrow-up {
	display: block;
	position: absolute;
	top: -10px;
	left: 30px;
	width: 0; 
  	height: 0; 
  	border-left: 10px solid transparent;
  	border-right: 10px solid transparent;
  	border-bottom: 10px solid white;
  	z-index: 10000;
	}
	.arrow-left {
	display: block;
	position: absolute;
	top: 10px;
	left: -2px;
   	width: 0; 
  	height: 0; 
  	border-top: 10px solid transparent;
  	border-bottom: 10px solid transparent; 
  	border-left: 10px solid rgb(1, 37, 173);
  	z-index: 10; 
	}		
	.site_nav {
	width:100%;
	position: relative;
	top: 0;
	}
	.no_banner{
	min-height: 58px;
	}
	.page_corp_logo, .home_corp_logo{
	top: 35px;
	right: 10px;
	left: auto;
	z-index:10;
	}
	.banner_image{
	height: 425px;
	}
	li.sellsheet_menu a{
	display: none;
	}

	.dist_card{
	position: relative;
	height: auto;
	}
	.rep_card{
	position: relative;
	height: 150px;
	}
	.dist_contact{
	position:absolute; 
	top:50px;
	left:300px;
	}
	.dist_form_select{
	width:80%;
	}
	.iso_cert{
	width: 80%;
	margin: 0 auto;
	}
	.res_card{
	height: auto;
	}
	.res_image{
	float:left;
	margin:10px 20px;
	}
	.o-prod_sheet_picture {
	height: 130px;
	width: 130px;
	margin:0 auto;
	background-position: 0 top;
}
	
	.prod_sheet_links{
	right: 25%;
	left: 25%;
	width: 50%;
	}	 
	.feature_worker{
	background-image: url('../2-images/misc/features_worker_lg.jpg');
	}
	.feature_workboat{
	background-image: url('../2-images/misc/features_workboat_lg.jpg');
	}
	.feature_generator{
	background-image: url('../2-images/misc/	features_generator_lg.jpg');
	}
	.feature_mobile{
	background-image: url('../2-images/misc/features_mobile_lg.jpg');
	}
	.feature_mining{
	background-image: url('../2-images/misc/features_mining_lg.jpg');
	}
	.prod_sheet_card{
	width: 20%;
	}
} 
@media (min-width : 992px){
/* Styles */
		body{
	background-image: url(../2-images/brushed.png);
	background-repeat: repeat;
}
.row{
	padding:0 20px;
}

	.menu_sep{
	display: block;
	visibility:visible;
}
	
	.staff_card{
	width: 19%;
	min-width: 160px;
	}
	.txt_block{
     position:absolute;
     bottom:45px;
     left:20px;
     width:55%;
     }

		
}

@media (min-width : 1020px){
/* Styles */
	.banner_image{
	height: 450px;
	}
	.open_family{
	width:47%;
    }
	.banner_corp_logo, .banner_corp_logo_badge{
	float: left;
	visibility: visible;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom:0;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;	
	}
	.banner_corp_logoed{
	 background-image:url("../2-images/b-index/banner_corp_logo_window.png");
	}
	.banner_corp_logo_badge{
	 background-image:url("../2-images/b-index/banner_corp_logo_badge.gif");
	}
	.home_corp_logos{
	display: none;	
	}
	.retail_card{
	width: 30%;
		}
	
}
@media (min-width : 1140px){
	.staff_card{
	width: 16%;
	min-width: 190px;
	}
	.open_family{
	width:30%;

    }
	.rep_card{
	width: 45%;
	margin:0px 10px;
	float: left;
	}	
	.banner_image{
	height: 575px;
	max-height: 500px;
		}
	
}
@media (min-width : 1200px){
	.foot_wrapper{
	max-width: 1300px;
	margin: 0 auto;
	}
	
}


/* Media Queries
--------------------------------------------- */