@charset "UTF-8";


/* =================================== */
/* Fixes for pages with sub nav dropdown
/* Comment out if not needed
/* =================================== */

 /* h1 {
	margin-top: -88px !important;
	font-size: 2.0em;
	font-weight: normal;
	font-style: normal;
	width: 75%;
}
H2 {
	font-size: 1.7em;
	font-weight: normal;
	font-style: normal;
}
.nav-structure-a {
	margin-top: 15px !important;
}
ul.toggle-content {
	background-color: #fff;
}
ul.toggle-content li {
	margin-bottom: 0 !important;
}
#main .main-contents .nav-structure-a ul.toggle-content li a {
	color: #000;
	text-decoration: none;
}
#main .main-contents .nav-structure-a ul.toggle-content li a:hover {
	color: #a20b1a;
} */ 

h1 {
	margin-bottom: 15px !important;
	line-height: 1.2em;
	width: 100%;
}

h1, h2 {
	/*color: #d60303;*/
}
h1 + h2 {
	color: #222;
}
h2 {
	line-height: 1.3em;
}
@media screen and (max-width: 767px) {
	h1 {
		margin-top: 0px !important;
		width: 100%;
	}
}

.row + .row {
float: left;
padding-top: 80px;
}
.section {
	background: #fff;
}

.btn {
	text-decoration: none !important;
}
.btn.white-btn {
	background: #fff;
	color: #222 !important;
	text-decoration: none !important;
	}
	.btn.white-btn i {
		color: #760000;
	}
	.btn.white-btn:hover {
		text-decoration: underline !important;
	}
	.btn.white-btn:hover i {
		color: #ff0a0a;
	}

.txtcenter {
	text-align: center !important; 
}

.sub-h1 {
	font-size: 2em;
}
.sub-h1 + h2 {
	color: #222;
	}

#cta-contact {
	padding-top: 20px;
	padding-bottom: 20px;
}
#cta-contact .icon img {
	width: 60px;
	margin-bottom: 10px;
	}
#cta-contact h2 {
	color: #fff;
	font-size: 1.6em;
	font-weight: 300;
	margin-top: 20px;
	line-height: 1.4em;
	padding: 0 12rem;
	}
	
	
/* =================================== */
/* KC custom styles
/* =================================== */

#related-products h2 {
	text-align: center;
	margin-bottom: 40px;
}
#related-products h3 {
	margin-top: 12px;
	line-height: 1.2em;
}
#related-products h3 a {
	background: transparent;
	color: #1b1b1b;
	padding: 0px;
}
	#related-products h3 a:hover {
		color: #3a3a3a;
		text-decoration: underline;
	}
#related-products h3 + p {
	margin-top: 10px;
	font-size: 0.8em;
	line-height: 1.2em;
}
#related-products .col_3 {
	margin-bottom: 30px;
}
#related-products.primary-storage .col_3 {
	min-height: 300px;
	margin-bottom: 0px;
}

.list-icons li {
	margin: 20px 0px 20px 20px;
	line-height: 1.3em;
	height: 50px;
}
.list-icons li div {
	width: 70%;
	float: left;
}
.list-icons img {
	width: 50px;
	margin-right: 20px;
	vertical-align: middle;
float: left;
	position: relative;
	display: inline-block;
}


/* =================================== */
  /* 2 columns videos
  /* =================================== */
  
  /** global-custom-css.css must be included in the page **/
  
  
	#videosx2 .col_50 {
	  text-align: center !important;
	}
	#videosx2 h3 {
	  color: #fff !important;
	  padding-top: 1.3rem;
	  line-height: 1.3em;
	  font-size: 1.2em;
	  text-align: center !important;
	}
	#videosx2 p {
	  color: #fff !important;
	  text-align: center !important;
	}

	
/* =================================== */
/* Media styles
/* =================================== */

@media screen and (min-width : 1280px) {

}

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

}
@media screen and (max-width : 992px) {
	#related-products.primary-storage .col_3 {
		min-height: 220px;
		
	}
	#related-products.primary-storage h3 {
		  font-size: 1.0em;
	  }
}
@media screen and (max-width : 850px) {
	#videosx2 h3 {
		line-height: 1.2em;
		font-size: 1em;
	  }
	  .col_50 {
		width: 50%;
		float: left;
		padding-right: 3%;
	  }
	  .col_50 + .col_50 {
		padding-left: 3%;
		padding-right: 0;
		width: 50%;
	  }
	  #related-products h3 {
		  font-size: 1.0em;
	  }
	  #backup-archive {
		  background-position: center;
	  }
	  #backup-archive .col_50 {
		  width: 70%;
		  float: right;
	  }
	  #backup-archive .col_50:first-child {
			width: 0%;
		}
}
@media screen and (max-width : 800px) {

}
@media screen and (max-width : 768px) {
	
#cta-contact h2 {
	font-size: 1.4em;
	padding: 0 3rem;
	}
	.row {
		padding-top: 0px;
		}
		.row + .row {
			padding-top: 0px;
			}
#videosx2 h3 {
	line-height: 1.2em;
	font-size: 1.1em;
  }
  .col_50 {
	width: 100%;
	padding-right: 0%;
	
  }

  .col_50 + .col_50 {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
  }	
	#related-products .col_3 {
		min-height: 350px;
	}
	#related-products.primary-storage .col_3 {
		min-height: 290px;
	}
	
	#backup-archive {
		  background-image: none !important;
	  }
	  #backup-archive .col_50 {
		  width: 100%;
	  }
	  .list-icons {
		  padding-top: 20px;
	  }
	
}
@media screen and (max-width : 680px) {

	.quote-right   {
		display: flex;
		flex-direction: column;
	}
	.quote-right .quote-pic {order: -1; } 
	.quote-right  blockquote {order: 1; }
	
	#related-products.primary-storage .col_3 {
		  min-height: 240px;
	  }
	
}
@media screen and (max-width : 580px) {
	#videosx2 .col_50 {
		min-height: 0;
	  }
	  #related-products.primary-storage .col_3 {
		  min-height: 220px;
	  }
}

@media screen and (max-width : 480px) {
	#videosx2 h3 {
		line-height: 1.2em;
		font-size: 1.1em;
	  }
	  #related-products .col_3 {
		  min-height: 0;
	  }
	  #related-products.primary-storage .col_3 {
			min-height: 0;
			margin-bottom: 30px;
		}
}
@media screen and (max-width : 380px) {

}