html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:2em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset,figure{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/*	==========================================================================
   	Icon Fonts
   	========================================================================== */
	
	@font-face {
		font-family: 'icomoon';
		src:url('fonts/icomoon.eot?wwnktl');
		src:url('fonts/icomoon.eot?#iefixwwnktl') format('embedded-opentype'),
			url('fonts/icomoon.woff?wwnktl') format('woff'),
			url('fonts/icomoon.ttf?wwnktl') format('truetype'),
			url('fonts/icomoon.svg?wwnktl#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	[class^="icon-"], [class*=" icon-"] {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.icon-times:before { content: "\e600"; }
	.icon-plus:before { content: "\e601"; }
	.icon-th-menu:before { content: "\e602"; }
	.icon-arrow-up-thick:before { content: "\e603"; }
	.icon-arrow-down-thick:before { content: "\e604"; }
	.icon-download:before { content: "\e605"; }
	.icon-zoom:before { content: "\e606"; }
	.icon-shopping-cart:before { content: "\e607"; }
	
	.icon-lg { font-size: 1.5em; }
	
	

/*	==========================================================================
   	Common styles
   	========================================================================== */

	* {
		-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
		}
		
	body {
		color: #212121;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4375;
		background-color: #074883;
		}
		
		p { margin: 0 0 1em; }
		
		a { color: #0086fe; }
		
		h1,h2,h3,h4 { 
			color: #0086fe;
			letter-spacing: -.03em;
			}
			h1 {
				margin-bottom: 1.25em;
				font-size: 1.875em;
				line-height: 1;
				}
				
				h1 small,
				h2 small {
					color: #7f7f7f;
					font-size: 1em;
					font-weight: 400;
				}
				
				h2,
				h3 {
					margin-top: 1.5em;
					margin-bottom: .5em;
					}
					h3 { margin-bottom: .25em; }
					
				h2:first-child { margin-top: 0; }
				
		img { 
			max-width: 100%;
			height: auto !important;
		}
		
		.alignleft,
		.alignright,
		.aligncenter {
			display: block;
			margin-bottom: 20px;
			}
			.alignleft {
				float: left;
				margin-right: 20px;
			}
			.alignright {
				float: right;
				margin-right: 20px;
			}
			.aligncenter {
				margin-left: auto;
				margin-right: auto;
			}
			
		.pull-right { float: right; }
		.pull-left { float: left; }
		
		.text-left { text-align: left; }
		.text-right { text-align: right; }
		.text-center { text-align: center; }
		
		.text-highlight {
			font-weight: 700;
			color: #0086fe;
		}
		
		.text-red,
			.text-red a { color: red; }
		
		section.no-border { border: none; }
		
		/* YouTube Embed - Responsive */
		.embed-container {
			position: relative;
			max-width: 100%; 
			height: 0; 
			padding-bottom: 56.25%;
			overflow: hidden;
			} 
			.embed-container iframe, 
			.embed-container object,
			.embed-container embed { 
				position: absolute; 
				top: 0; 
				left: 0; 
				width: 100%; 
				height: 100%;
				}
			
	
		

/*	==========================================================================
   	List styles
   	========================================================================== */
		
	.no-style,
	.menu,
	.sub-menu { margin: 0; padding: 0; list-style: none; }
	
	

/*	==========================================================================
   	Button Styles
   	========================================================================== */
	
	.btn {
		display: inline-block;
		padding: 10px 14px;
		color: #fff;
		font-size: 14px;
		line-height: 1;
		text-decoration: none;
		background-color: #7f7f7f;
		border: none;
		outline: none;
		vertical-align: middle;
		cursor: pointer;
		}
		
		.btn-primary {
			background-color: #0086fe;
		}
		
		.btn-danger { background-color: red; }
		
		.btn-block {
			display: block;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		
		.btn-text {
			background-color: transparent;
		}
		
		.btn-md {
			padding: 14px 22px;
			font-size: 1.125rem;
		}
		
		.btn-lg {
			font-size: 1.5em;
		}
		
		.btn-cart {
			height: 38px;
			padding-top: 0;
			padding-bottom: 0;
			font-size: 12px;
			line-height: 44px;
			}
			.btn-cart span[class*="icon-"] {
				position: relative;
				top: 4px;
				font-size: 2em;
			}
			
	/* Call to Action Button */
	.btn-cta { line-height: 1; }
	
		.btn-action {
			text-transform: uppercase;
			font-weight: 700;
			line-height: 1.1;
			}
			
			.btn-primary .btn-action { color: #0086fe; }
			.btn-danger .btn-action { color: red; }
	
	.btn-md.btn-cta {
		padding-top: 12px;
		padding-bottom: 12px;
		}
		.btn-md .btn-action {
			display: inline-block;
			padding: 10px;
			margin-left: 22px;
			margin-top: -10px;
			margin-bottom: -10px;
			margin-right: -20px;
			background-color: #fff;
		}
		
		
	/* Topbar Button */		
	.btn-topbar {
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 38px;
		padding: 0;
		text-decoration: none;
		color: #fff;
		text-align: center;
		background-color: #7f7f7f;
		border: none;
		outline: none;
		vertical-align: middle;
		}
		.btn-topbar span[class*="icon-"] {
			display: block;
			height: 100%;
			line-height: 38px;
			}
			
			.btn-search-xs,
			.btn-download-xs {
				top: -44px;
				right: 50px;
				}
				.btn-download-xs { right: 100px; }
		

/*	==========================================================================
   	Structure and Grid
   	========================================================================== */
	
	.container {
		position: relative;
		max-width: 1170px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
		}
		
		.row {
			margin-left: -15px;
			margin-right: -15px;
			}
			
			.col-xs-2, .col-sm-2,.col-lg-2,
			.col-xs-3, .col-sm-3,.col-lg-3,
			.col-xs-4, .col-sm-4,.col-lg-4,
			.col-xs-5, .col-sm-5,.col-lg-5,
			.col-xs-6, .col-sm-6,.col-lg-6,
			.col-xs-7, .col-sm-7,.col-lg-7,
			.col-xs-8, .col-sm-8,.col-lg-8,
			.col-xs-9, .col-sm-9,.col-lg-9,
			.col-xs-10, .col-sm-10,.col-lg-10,
			.col-xs-12, .col-sm-12.col-lg-12 {
				float: left;
				padding-left: 15px;
				padding-right: 15px;
				}
				
				.col-xs-2 { width: 16.66666667%; }
				.col-xs-3 { width: 25%; }
				.col-xs-4 { width: 33.33333334%; }
				.col-xs-5 { width: 41.66666667%; }
				.col-xs-6 { width: 50%; }
				.col-xs-7 { width: 58.33333334%; }
				.col-xs-8 { width: 66.66666667%; }
				.col-xs-9 { width: 75%; }
				.col-xs-10 { width: 83.33333334%; }
				.col-xs-12 { width: 100%; }
				
		.hidden-xs,
		.visible-md,
		.visible-lg { display: none; }
		
		@media only screen and (min-width: 600px) {
			.col-sm-2 { width: 16.66666667%; }
			.col-sm-3 { width: 25%; }
			.col-sm-4 { width: 33.33333334%; }
			.col-sm-5 { width: 41.66666667%; }
			.col-sm-6 { width: 50%; }
			.col-sm-7 { width: 58.33333334%; }
			.col-sm-8 { width: 66.66666667%; }
			.col-sm-9 { width: 75%; }
			.col-sm-10 { width: 83.33333334%; }
			.col-sm-12 { width: 100%; }
			
			.hidden-xs { display: block; }
			
			.hidden-sm,
			.visible-xs,
			.visible-md,
			.visible-lg { display: none; }
		}
		
		@media only screen and (min-width: 992px) {
			.col-lg-2 { width: 16.66666667%; }
			.col-lg-3 { width: 25%; }
			.col-lg-4 { width: 33.33333334%; }
			.col-lg-5 { width: 41.66666667%; }
			.col-lg-6 { width: 50%; }
			.col-lg-7 { width: 58.33333333%; }
			.col-lg-8 { width: 66.66666667%; }
			.col-lg-9 { width: 75%; }
			.col-lg-10 { width: 83.33333334%; }
			.col-lg-12 { width: 100%; }
			
			.visible-xs,
			.visible-md,
			.hidden-lg { display: none; }
			
			.visible-lg { display: block; }
		}
		

/*	==========================================================================
   	Form Styles
   	========================================================================== */
	
	input[type="text"] {
		margin: 0;
		padding: 2px 8px;
		height: 34px;
		line-height: 1.4375;
		border: 1px solid #7f7f7f;
		background-color: #f8f8f8;
		vertical-align: middle;
		-webkit-box-shadow: inset 2px 2px 4px rgba(0,0,0,.14);
			-moz-box-shadow: inset 2px 2px 4px rgba(0,0,0,.14);
			-o-box-shadow: inset 2px 2px 4px rgba(0,0,0,.14);
			box-shadow: inset 2px 2px 4px rgba(0,0,0,.14);
		}
		
		input[type="text"]:focus {
			background-color: #fff;
			border-color: #9f9f9f;
			outline: none;
		}
	
	.input-group {
		position: relative;
		display: table;
		border-collapse: separate;
		}
		.input-group input[type="text"],
		.input-group-btn { display: table-cell; }
		
		.input-group input[type="text"] {
			position: relative;
			z-index: 2;
			float: left;
			width: 100%;
			margin-bottom: 0;
		}
		
		.input-group-btn {
			position: relative;
			width: 1%;
			font-size: 0;
			white-space: nowrap;
			vertical-align: middle;
			}
		

/*	==========================================================================
   	Header Styles
   	========================================================================== */
	
	/* Top Bar */
	.top-bar {
		position: relative;
		height: 44px;
        background-image: url('images/cad-line-art-top.png');
		background-position: center center;
		background-repeat: no-repeat;
		border-bottom: 6px solid #fff;
		-webkit-box-shadow: 0 6px 32px rgba(0,0,0,.20);
			-moz-box-shadow: 0 6px 32px rgba(0,0,0,.20);
			-o-box-shadow: 0 6px 32px rgba(0,0,0,.20);
			box-shadow: 0 6px 32px rgba(0,0,0,.20);
		}
		.top-bar h3 {
			margin: 0;
			font-size: 1rem;
			}
			.top-bar h3 a {
			    display: block;
			    margin-left: -1rem;
			    padding-left: 1rem;
			    padding-right: 1rem;
			    color: #032f56;
			    text-decoration: none;
			    line-height: 38px;
			    background-color: #e3cd53;
			}
			
		.text-iso {
		    margin-bottom: 0;
		    color: #fff;
		    line-height: 40px;
		}
		
		
		.site-header .search-block {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			z-index: 99;
			padding: 6px;
			background-color: #fff;
			-webkit-box-shadow: 0 20px 24px rgba(0,0,0,.40);
				-moz-box-shadow: 0 20px 24px rgba(0,0,0,.40);
				-o-box-shadow: 0 20px 24px rgba(0,0,0,.40);
				box-shadow: 0 20px 24px rgba(0,0,0,.40);
			}
			.search-block h3 {
				margin: 0.5em 0;
				font-size: 1.375em;
				line-height: 1;
				}
			
			.page-content-wrap .search-block { font-size: .875em; }
				.page-content-wrap .search-block h3 {
					margin: 1em 0 0;
					font-size: 1.5em;
					line-height: 1;
				}
				.page-content-wrap .search-block p { margin: 0 0 .25em; }
				
	
	/* Site Header */
	.site-header { background-color: #fff; }
	
		.site-logo {
			display: block;
			height: 62px;
			margin-top: 18px;
			margin-bottom: 18px;
            background-image: url('images/logo-deltron-tme-lg.gif');
			background-position: left center;
			background-repeat: no-repeat;
			background-size: contain;
		}
		

/*	==========================================================================
   	Main Content Styles
   	========================================================================== */
	
	.main { background-color: #fff; }
		.main .container {
			padding-left: 0;
			padding-right: 0;
			background-color: #fff;
			-webkit-box-shadow: 0 22px 40px rgba(0,0,0,.50);
				-moz-box-shadow: 0 22px 40px rgba(0,0,0,.50);
				-o-box-shadow: 0 22px 40px rgba(0,0,0,.50);
				box-shadow: 0 22px 40px rgba(0,0,0,.50);
			}
	
		.page-content-wrap {
  			position: relative;
			padding-bottom: 50px;
			border-left: 6px solid #fff;
  			border-right: 6px solid #fff;
			}
			
			.section-title {
				padding: 20px;
			}
			
			.page-content {
				position: relative;
				padding: 20px;
				border-top: 26px solid #7f7f7f;
				}
				
				.page-content ul {
					list-style: none;
					font-weight: 700;
					}
					.page-content li {
						position: relative;
						margin-bottom: .75em;
						}
						.page-content li:before {
							content: "•";
							position: absolute;
							top: 1px;
							left: -18px;
							color: #0086fe;
							font-size: 1.25em;
							line-height: 1;
						}
						
		/* Sidebar Products */
		.sidebar-products .product-block {
			float: none;
			width: auto;
		}
						
		/* Articles */
		.article {
			padding-top: 1em;
			padding-bottom: 1em;
			}
			.article-header h1 {
				margin-top: 1.75em;
				margin-bottom: .5em;
				font-size: 1.25em;
				line-height: 1;
			}
				
		

/*	==========================================================================
   	Footer Styles
   	========================================================================== */
	
	.site-footer {
		position: relative;
		color: #fff;
		font-size: .813em;
		line-height: 1.538;
		background-color: #7f7f7f;
		}
		
		.site-footer > .container {
			padding: 26px;
            background-image: url('images/logo-deltron-footer-bg.png');
			background-position: center 96%;
			background-repeat: no-repeat;
			}
			.site-footer a {
				color: #fff;
				text-decoration: none;
				}
		
		
		ul.footer-menu:first-child {
			margin-left: 0;
			padding-left: 0;
			border-left: none;
		}
				
		.site-footer a.imp { color: #004685; }
		
	/* Bottom Bar */
	.bottom-bar {
		height: 44px;
        background-image: url('images/cad-line-art-top.png');
		background-position: center center;
		background-repeat: no-repeat;
		}
		

/*	==========================================================================
   	Navigation Styles
   	========================================================================== */
	
	.primary-nav { 
		background-color: #032f56;
		border-left: 6px solid #fff;
		border-right: 6px solid #fff;
		border-bottom: 6px solid #fff;
		-webkit-box-shadow: 0 22px 18px -4px rgba(0,0,0,.20);
			-moz-box-shadow: 0 22px 18px -4px rgba(0,0,0,.20);
			-o-box-shadow: 0 22px 18px -4px rgba(0,0,0,.20);
			box-shadow: 0 22px 18px -4px rgba(0,0,0,.20);
		}
		
		.primary-menu { display: none; }
			.primary-menu > li > a {
				display: block;
				padding-top: 10px;
				padding-bottom: 10px;
				color: #fff;
				font-weight: 700;
				text-decoration: none;
				text-align: center;
				border-top: 2px solid #0086fe;
				}
				.primary-menu > li:first-child > a { border-top: none; }
				
		.primary-menu .sub-menu { display: none; }
		.primary-menu .sub-menu {
			padding: 0 10px;
			font-size: 0.875em;
			line-height: 1;
			border-top: 1px solid #afafaf;
			background-color: #808080;
				background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(128, 128, 128)), to(rgb(90, 90, 90)));
				background-image: -webkit-linear-gradient(top, rgb(128, 128, 128), rgb(90, 90, 90));
				background-image: -moz-linear-gradient(top, rgb(128, 128, 128), rgb(90, 90, 90));
				background-image: -o-linear-gradient(top, rgb(128, 128, 128), rgb(90, 90, 90));
				background-image: -ms-linear-gradient(top, rgb(128, 128, 128), rgb(90, 90, 90));
				background-image: linear-gradient(top, rgb(128, 128, 128), rgb(90, 90, 90));
				filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#808080', EndColorStr='#5a5a5a');
			}
			.primary-menu .sub-menu a {
				display: block;
				padding: 10px 4px;
				color: #fff;
				text-decoration: none;
				text-align: center;
				border-top: 1px solid #afafaf;
				}
				.primary-menu .sub-menu li:first-child a { border-top: none; }
				
			.primary-menu > li.open > .sub-menu { display: block; }
	
	/* Quick Menu */
	.quick-menu {
		margin-left: 33px;
		margin-bottom: 8px;
		}
		.quick-menu li {
			display: inline-block;
			line-height: 1;
			border-left: 1px solid #0086fe;
			}
			.quick-menu li:first-child { border-left: none; }
			
			.quick-menu a {
				display: block;
				padding: 0 14px;
				font-weight: 700;
				line-height: 1;
				text-decoration: none;
			}
					
					
/*	==========================================================================
   	Home Slider
   	========================================================================== */
	
	.home-slider {
		padding: 10px;
		color: #fff;
		background-color: #002e57;
		}
		
		
		.accordion-list li {
			position: relative;
			height: 120px;
			padding: 12px;
			border: 6px solid #fff;
			border-top-width: 0px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			-webkit-box-shadow: inset 0 0 36px 4px rgba(0,0,0,.78);
				-moz-box-shadow: inset 0 0 36px 4px rgba(0,0,0,.78);
				-o-box-shadow: inset 0 0 36px 4px rgba(0,0,0,.78);
				box-shadow: inset 0 0 36px 4px rgba(0,0,0,.78);
			transition: all 500ms ease;
			}
			.accordion-list li:first-child { border-top-width: 6px; }
			
			.accordion-list li h2 {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				height: 26px;
				margin: 0;
				padding: 0 6px;
				color: #fff;
				font-size: 1em;
				line-height: 26px;
				text-align: right;
				background-color: #7f7f7f;
   				background-image: url('images/logo-deltron-rev-white.png');
				background-position: -40px -26px;
				background-repeat: no-repeat;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				}
				.accordion-list li.fold h2,
				.accordion-list li.active h2 { display: none; }
				
            .accordion-list li.acc-1 { background-image: url('images/accordion_1.jpg'); }
			.accordion-list li.acc-2 { background-image: url('images/accordion_2.jpg'); }
			.accordion-list li.acc-3 { background-image: url('images/accordion_3.jpg'); }
			.accordion-list li.acc-4 { background-image: url('images/accordion_4.jpg'); }
			.accordion-list li.acc-5 { background-image: url('images/accordion_5.jpg'); }
			
			.accordion-content {
				filter: alpha(opacity=0);
				opacity: 0;
			}
			.accordion-content {
				position: relative;
				padding: 10px;
				padding-top: 46px;
				color: #222;
				font-size: .875em;
				line-height: 1.4358;
				background-color: #fff;
				background-color: rgba(255,255,255,.76);
				transition: all 500ms ease;
				}
				.accordion-list li.active .accordion-content {
					filter: alpha(opacity=100);
					opacity: 1;
				}
				
				.accordion-content h1 {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					margin: 0;
					padding: 0 10px;
					height: 36px;
					color: #fff;
					font-size: 1.25em;
					line-height: 36px;
					background-color: #0086fe;
				}
			
	@media only screen and (min-width: 600px) {
		.accordion {
			overflow: hidden;
			height: 382px;
			}
			.accordion-list {
				display: table;
				width: 100%;
				}
				.accordion-list li {
					position: relative;
					display: table-cell;
					width: 20%;
					height: 382px;
					padding: 0;
					border: 8px solid #fff;
					border-left-width: 0px;
					overflow: hidden;
					}
					.accordion-list li:first-child { border-left-width: 8px; border-top-width: 8px; }
					
					.accordion-list li.acc-3 { background-position: -500px center; }
					.accordion-list li.acc-4 { background-position: -240px center; }
					.accordion-list li.acc-5 { background-position: -280px center; }
					
				.accordion-list li.active { width: 68%; }
				.accordion-list li.fold { width: 8%; }
				
					.accordion-list li.acc-3.active,
					.accordion-list li.acc-4.active,
					.accordion-list li.acc-5.active { background-position: center center; }
				
				.accordion-list li.fold h2 span,
				.accordion-list li.fold .accordion-content { display: none; }
				
				.accordion-content {
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
					padding: 24px;
					padding-right: 200px;
					background-color: #ffffff;
					background-color: rgba(255,255,255,.76);
					background: -webkit-gradient(linear, left center, right center, from(rgba(255, 255, 255, 0.76)), to(rgba(255, 255, 255, 0.00)));
					background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.00));
					background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.00));
					background: -o-linear-gradient(left, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.00));
					background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.00));
					background: linear-gradient(left, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.00));
					filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#ffffff', EndColorStr='#ffffff');
					}
					.accordion-content h1 {
						top: auto;
						left: auto;
						right: 0;
						bottom: 16px;
						padding: 0 20px;
						height: 48px;
						font-size: 1.75em;
						line-height: 48px;
						}
						.accordion-list li:first-child .accordion-content h1 { right: 8px; }
	}
	
	@media only screen and (min-width: 992px) {
		.accordion-content {
			padding-right: 300px;
			font-size: 1em;
			}
	}
	
	@media only screen and (min-width: 1140px) {
		.accordion-content { padding-right: 400px; }
	}
	

					
					
/*	==========================================================================
   	Home Features
   	========================================================================== */
   	
   	.home-features,
   	.btn-overlay {
	   	display: -webkit-box;
		   	display: -moz-box;
		   	display: -ms-flexbox;
		   	display: -webkit-flex;
		   	display: flex;
		-webkit-flex-flow: row wrap;
			-moz-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
		   	flex-flow: row wrap;
   		}
   		
   		.home-features {
	   		padding: 10px;
			background-color: #002e57;
   			}	
   			.home-feature {
				-webkit-box-flex: 0 1 auto;
					-moz-box-flex: 0 1 auto;
					-webkit-flex: 0 1 auto;
					-ms-flex: 0 1 auto;
					flex: 0 1 auto;
	   			position: relative;
	   			border: 6px solid #fff;
	   			border-top-width: 0px;
   				}
   				.home-feature.first { border-top-width: 6px; }
   				
   				.home-feature .btn-overlay {
	   				-webkit-justify-content: center;
		   				-moz-justify-content: center;
		   				-ms-justify-content: center;
		   				justify-content: center;
		   			-webkit-align-items: center;
			   			-moz-align-items: center;
			   			-ms-align-items: center;
			   			align-items: center;
	   				position: absolute;
	   				z-index: 9;
	   				top: 0;
	   				right: 0;
	   				bottom: 0;
	   				left: 0;
	   				background-color: rgba(0,0,0,0.40);
	   				-webkit-transition: all 300ms ease-in;
		   				-moz-transition: all 300ms ease-in;
		   				-ms-transition: all 300ms ease-in;
		   				transition: all 300ms ease-in;
   					}
   					.home-feature .btn {
	   					width: 85%;
	   					padding-top: 1rem;
	   					padding-bottom: 1rem;
	   					font-size: 1.125rem;
	   					color: #0086fe;
	   					text-align: center;
	   					background-color: #fff;
	   					background-color: rgba(255,255,255,0.88);
	   					border: 3px solid #0086fe;
	   					-webkit-transition: all 300ms ease-in;
			   				-moz-transition: all 300ms ease-in;
			   				-ms-transition: all 300ms ease-in;
			   				transition: all 300ms ease-in;
   					}
   					
   				html.no-touch .home-feature:hover .btn-overlay {
	   				background-color: transparent;
   				}
   				
   				html.no-touch .home-feature .btn:hover {
	   				color: #fff;
	   				background-color: #0086fe;
   				}
  
   		
	html.no-flexbox .home-features:before,
	html.no-flexbox .home-features:after {
		content:" ";
		display:table;
		}
		html.no-flexbox .home-features:after { clear:both; }
		
		html.no-flexbox .btn-overlay {
			padding-top: 22%;
			text-align: center;
		}
		
   					
   	@media only screen and (min-width: 600px) {
	   	.home-features {
			-webkit-flex-flow: row nowrap;
				-moz-flex-flow: row nowrap;
				-ms-flex-flow: row nowrap;
			   	flex-flow: row nowrap;
	   		}
	   		.home-feature {
		   		border-top-width: 6px;
		   		border-left-width: 0px;
	   			}
	   			.home-feature.first { border-left-width: 6px; }
	   			
	   	html.no-flexbox .home-feature {
		   	display: block;
		   	float: left;
		   	width: 50%;
		   	height: 314px;
		   	overflow: hidden;
	   	}
   	}
   			
   	
   	/* Responsive Slides CSS */
   	.rslides {
	  position: relative;
	  list-style: none;
	  overflow: hidden;
	  width: 100%;
	  padding: 0;
	  margin: 0;
	  }
	
	.rslides li {
	  -webkit-backface-visibility: hidden;
	  position: absolute;
	  display: none;
	  width: 100%;
	  left: 0;
	  top: 0;
	  }
	
	.rslides li:first-child {
	  position: relative;
	  display: block;
	  float: left;
	  }
	
	.rslides img {
	  display: block;
	  height: auto;
	  float: left;
	  width: 100%;
	  border: 0;
	  }
	  
	 .rslides span.title {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 26px;
		margin: 0;
		padding: 0 6px;
		color: #fff;
		font-size: 1em;
		font-weight: 700;
		line-height: 26px;
		text-align: right;
		background-color: #7f7f7f;
        background-image: url('images/logo-deltron-rev-white.png');
		background-position: -40px -26px;
		background-repeat: no-repeat;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	 	}
	 	
	 	html.no-flexbox .rslides span.title {
		 	bottom: auto;
		 	top: 276px;
	 	}
   	
   	
					
					
/*	==========================================================================
   	Product Grid
   	========================================================================== */
	
	.product-grid > .row {
		margin-left: -3px;
		margin-right: -3px;
		}
		
		.product-block {
			position: relative;
			display: block;
			float: left;
			width: 50%;
			padding-top: 32px;
			padding-left: 3px;
			padding-right: 3px;
			overflow: hidden;
			}
			.product-block h3 {
				position: absolute;
				top: 0;
				left: 3px;
				right: 3px;
				height: 26px;
				margin: 0;
				padding: 0;
				padding-left: 24px;
				padding-right: 6px;
				color: #fff;
				font-size: .875em;
				line-height: 26px;
				text-align: center;
				background-color: #7f7f7f;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			.product-block .product-thumb {
				display: table;
				width: 100%;
				height: 170px;
				padding: 10px;
				text-align: center;
				background: #FFFFFF;
				background: -moz-linear-gradient(top, #e2e2e2 0%, #ffffff 50%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#ffffff));
				background: -webkit-linear-gradient(top, #e2e2e2 0%,#ffffff 50%);
				background: -o-linear-gradient(top, #e2e2e2 0%,#ffffff 50%);
				background: -ms-linear-gradient(top, #e2e2e2 0%,#ffffff 50%);
				background: linear-gradient(to bottom, #e2e2e2 0%,#ffffff 50%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 );
				}
				.product-thumb .img-wrap {
					display: table-cell;
					vertical-align: middle;
				}
		
	@media only screen and (min-width: 600px) {
		.product-block { width: 25%; }
			.product-block .product-thumb { height: 200px; }
			
		/* Sidebar Products */
		.sidebar-products .product-block { 
			float: left;
			width: 33.3333334%;
		}
	}
					
					
/*	==========================================================================
   	Product Page
   	========================================================================== */
	
	.product-photo {
		padding-top: 2em;
		padding-bottom: 2em;
		text-align: center;
		}
		.product-photo.no-padding { padding-top: 0; }
	
	

/*	==========================================================================
   	Popover styles
   	========================================================================== */
	
	.popover { position: relative; }
		.popover span {
			filter: alpha(opacity=0);
			opacity: 0;
			visibility: hidden;
			position: absolute;
			top: 0;
			z-index: 999;
			display: block;
			width: 210px;
			padding: 10px;
			color: #fff;
			font-size: .813em;
			line-height: 1.25;
			background-color: #002e57;
			box-shadow: 0 0 12px rgba(0,0,0,.60);
			cursor: pointer;
			transition: all 500ms ease;
		}
		
		.popover-bottom-left span {
			right: 0;
			transition: all 500ms ease;
		}
		
		.popover:hover span { 
			filter: alpha(opacity=100);
			opacity: 1;
			visibility: visible;
			}
			.popover-bottom-left:hover span { top: 70%; }
				
		

/*	==========================================================================
   	Block Styles
   	========================================================================== */
	
	.block {
		margin-bottom: 20px;
		}
		.block-title {
			margin: 0;
			margin-bottom: .5em;
			color: #004685;
			font-size: 1.538em;
			line-height: 1;
			}
			
		.header-block { 
			margin-bottom: 0;
			padding: 16px;
			}
			
		/* Catalog Block */
		.catalog-block {
			padding-top: 20px;
			color: #004685;
			font-size: 1.15384em;
			text-align: center;
			}
			.catalog-block p { text-align: left; }
			.catalog-block strong {
				color: #fff;
				font-size: 1.6em;
				line-height: 1;
			}
			
	/* Sidebar Blocks */
	.sidebar-block { margin-bottom: 30px; }
		.sidebar-block .block-title {
			font-size: 1.125em;
			line-height: 1.25;
			}
			
					
					
/*	==========================================================================
   	Top Corner styles
   	========================================================================== */
	
	.top-corner,
	.bottom-corner,
	.top-corner-logo { position: relative; }
		.top-corner:before,
		.bottom-corner:before,
		.top-corner-logo:before {
				content: " ";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 990;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 26px 26px 0 0;
				border-color: #fff transparent transparent transparent;
			}
			.top-corner:after,
			.bottom-corner:after,
			.top-corner-logo:after {
				content: " ";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 992;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 18px 18px 0 0;
				border-color: #0086fe transparent transparent transparent;
			}
			
		.bottom-corner:before,
		.bottom-corner:after {
			top: auto;
			left: auto;
			right: 0;
			bottom: 0;
			border-width: 0 0 26px 26px;
			border-color: transparent transparent #fff transparent;
			}
			.bottom-corner:after {
				border-width: 0 0 18px 18px;
				border-color: transparent transparent #0086fe transparent;
				}
		
		.top-corner-logo:before {
			border-width: 32px 32px 0 0;
		}
		.top-corner-logo:after {
			border: none;
			width: 16px;
			height: 16px;
            background-image: url('images/logo-deltron-circle-sm.png');
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
		}
			
		.page-content.top-corner:before,
		.page-content.top-corner:after { top: -26px; }
		
		.top-corner-gray:after { border-color: #7f7f7f transparent transparent transparent; }
			
		.btn-cart.top-corner:before {
			border-width: 22px 22px 0 0;
			border-color: #074883 transparent transparent transparent;
			}
			.btn-cart.top-corner:after { border-width: 14px 14px 0 0; }
			
			
			
/*
 * Dropit v1.1.0
 * http://dev7studios.com/dropit
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

	/* These styles assume you are using ul and li */
	.dropit {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.dropit .dropit-trigger { position: relative; }
	.dropit .dropit-submenu {
		position: absolute;
		top: 100%;
		left: 0; /* dropdown left or right */
		z-index: 1000;
		display: none;
		min-width: 150px;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.dropit .dropit-open .dropit-submenu { display: block; }
	
	.drop-menu {
		font-weight: 400;
		}
		.drop-menu li { margin-bottom: 0; }
			.drop-menu li:before { display: none !important; }
			
		.dropit-submenu {
			background-color: #fff;
			font-size: .875em;
			width: 100%;
			border-top: 6px solid #7f7f7f;
			-webkit-box-shadow: 0 6px 18px rgba(0,0,0,.40);
				-moz-box-shadow: 0 6px 18px rgba(0,0,0,.40);
				box-shadow: 0 6px 18px rgba(0,0,0,.40);
			}
			.dropit-submenu a {
				display: block;
				padding: 6px 10px;
				line-height: 1;
				text-decoration: none;
				border-top: 1px solid #ccc;
				}
				.dropit-submenu li:first-child a { border-top: none; }
				
				.dropit-submenu a:hover { background-color: #f8f8f8; }
	













/*	==========================================================================
   	Helper classes
   	========================================================================== */

	.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.row:after{clear:both}.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden;}
	
	@media only screen and (min-width: 360px) {
		ul.footer-menu {
			float: left;
			padding-left: 10px;
			margin-left: 10px;
			border-left: 1px solid #004685;
			}
	}
	@media only screen and (min-width: 600px) {
		/* Top Bar */
		.top-bar h3 { font-size: 1.25rem; }
		.text-iso { font-size: 1.125rem; }
		
		.video-home { 
			max-width: 75%;
			margin: auto;
			padding-bottom: 42.25%;
		}
		
		/* Footer */
		.site-footer > .container { background-position: right center; }
			
		/* Blocks */
		.catalog-block { padding-top: 0; }
    }
	@media only screen and (min-width: 992px) {
		
		.video-home { 
			max-width: 50%;
			padding-bottom: 28.25%;
		}
		
		/* Search Block */
		.btn-search-xs { display: none !important; }
		.site-header .search-block {
			display: block;
			position: relative;
			top: auto;
			left: auto;
			right: auto;
			z-index: 1;
			padding-top: 20px;
			background-color: transparent;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			-o-box-shadow: none;
			box-shadow: none;
			}
			.site-header .search-block input[type="text"] { 
				height: 30px;
				color: #818181;
				font-size: .875em;
			}
			.site-header .search-block .btn { padding: 8px; }
			
		/* Primary Menu */
		ul.primary-menu {
			display: block !important;
			width: 100%;
			text-align: center;
			font-size: 0;
			}
			
			ul.primary-menu > li {
				position: relative;
				display: inline-block;
				}
				ul.primary-menu > li > a {
					position: relative;
					z-index: 899;
					display: block;
					padding: .75em 1.25em;
					color: #fff;
					font-size: 16px;
					text-decoration: none;
					text-align: center;
					border: none;
					border-left: 2px solid #0086fe;
					background-color: #032f56;
					}
					ul.primary-menu > li:first-child > a { border-left: none; }
			
			.primary-menu .sub-menu {
				display: block !important;
				position: absolute;
			    z-index: -1;
			    top: 80%;
			    left: 0;
				min-width: 220px;
				-webkit-box-shadow: 0 4px 18px rgba(0,0,0,.60);
					-moz-box-shadow: 0 4px 18px rgba(0,0,0,.60);
					-o-box-shadow: 0 4px 18px rgba(0,0,0,.60);
					box-shadow: 0 4px 18px rgba(0,0,0,.60);
				opacity: 0;
				visibility: hidden;
				-webkit-transition: all 200ms ease-in;
					-moz-transition: all 200ms ease-in;
					-ms-transition: all 200ms ease-in;
					transition: all 200ms ease-in;
				}
				.primary-menu .sub-menu a {
					display: block;
					position: relative;
					overflow: hidden;
					font-size: 13px;
					text-align: left;
					white-space: nowrap;
					}
					.no-touch .primary-menu .sub-menu a:before {
						content: ""; 
						position:absolute; 
						z-index: 1; 
						width:96%;  
						bottom: -10px; 
						height: 10px; 
						left: 2%; 
						border-radius: 100px / 5px; 
						-webkit-box-shadow: 0 -4px 28px rgba(255,255,255,0.6); 
						box-shadow: 0 -4px 28px rgba(255,255,255,0.6); 
						filter: alpha(opacity=0);
						opacity: 0;
						}
						.no-touch .primary-menu .sub-menu a:hover:before { filter: alpha(opacity=100); opacity: 1; }
			
			.primary-menu > li.open > .sub-menu {
				z-index: 999;
				top: 100%;
				opacity: 1;
				visibility: visible;
			}
						
		/* Page Content */
		.product-section-title {
			display: table;
			width: 100%;
			}
			.product-section-title .section-header,
			.product-section-title .search-block {
				display: table-cell;
				vertical-align: bottom;
			}
			
			.product-section-title .section-header { width: 75%; }
			.product-section-title .search-block { text-align: right; }
		
		.page-content-wrap {
			padding-top: 50px;
			padding-left: 24px;
			padding-right: 24px;
			}
			body.home .page-content-wrap {
				padding-top: 0;
				padding-left: 0;
				padding-right: 0;
			}
			
			.page-content,
			.section-title {
				padding-left: 40px;
				padding-right: 40px;
			}
			
		/* Sidebar Content */
		.sidebar-products > h3 { line-height: 1; }
		
		.sidebar-products .top-corner:before,
		.sidebar-products .top-corner:after { display: none; }
		
		.sidebar-products .product-block { 
			float: none;
			width: auto;
			margin-bottom: 10px;
			padding-top: 0;
			}
			.sidebar-products .product-block h3 {
				position: relative;
				height: auto;
				margin: 0;
				padding: 0 0 8px;
				color: #4b4b4b;
				line-height: 1;
				text-align: left;
				background: none;
				white-space: normal;
				overflow: visible;
				text-overflow: initial;
			}
			
			.sidebar-products .product-thumb {
				display: block;
				height: auto;
				border-top: 1px solid #b4b4b4;
				}
				.sidebar-products .product-thumb .img-wrap { display: block; }
	}
	
	@media only screen and (min-width: 1140px) {
		/* Main */
		.main {
			position: relative;
			background-color: #002e57;
			}
			.main:before {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				height: 50%;
				border-bottom: 6px solid #fff;
				background-color: #ffffff;
				background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(205, 205, 205)));
				background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(205, 205, 205));
				background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(205, 205, 205));
				background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(205, 205, 205));
				background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(205, 205, 205));
				background-image: linear-gradient(top, rgb(255, 255, 255), rgb(205, 205, 205));
				filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#cdcdcd');
			}
	}
    
    @media print,
           (-webkit-min-device-pixel-ratio: 1.25),
           (min-resolution: 120dpi) {
        .site-logo { background-image: url('images/logo-deltron-tme-lg-2x.gif'); }
        .top-corner-logo:after { background-image: url('images/logo-deltron-circle-sm-2x.png'); }
    }

/*	==========================================================================
   	Print styles.
   	Inlined to avoid required HTTP connection: h5bp.com/r
   	========================================================================== */

@media print {
	*,:before,:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}