/*

NOTE:
Source Sans Pro Supports 300, 400, 400i, 600, 700, 900 weights

*/

/*
COLORS
----------------------------*/

:root {
--primary:#001F5B;
--accent:#9DBE30;
--gray:#7c7c7c;
--lt-gray:#e1e1e1;
--tan:#d1c6b0;
--org:#ff9103;
}
/*
GENERICS
----------------------------*/

* {box-sizing:border-box;}

body {margin:0px;
		background:#FFF;
		font-family:'Source Sans Pro', sans-serif;
		font-size:1em;
		font-weight:400;
		color:#545556;}

h1, h2, h3, h4 {font-family:'Source Sans Pro', sans-serif;
				font-weight:700;
				color:#000;}

#all-content {position:relative;width:100%;}

a {text-decoration:none;
	color:#24a1dd;}

a:hover {text-decoration:underline;}

img {vertical-align:middle !important;}

img.scale {width:100%;
			height:auto;
			}

.clear {clear:both;}
.hidden {display:none;}
.table {display:table;}
.cell, .logo-cell, news-cell, .nav-cell {
		display:table-cell; 
		vertical-align:top;
		}
.center-table {display:table;
					margin-left:auto;
					margin-right:auto;}
.inline-table {display:inline-table}
.center-cell {display:table-cell;
				vertical-align:middle;}

.row {display:table-row}
.margin {margin-bottom:14px;}
.margin-sm {margin-bottom:10px;}
.margin-top {margin-top:20px;}
.margin-bottom {margin-bottom:20px;}
.margin-rt {margin-right:10px;}

.full {width:100%;}
.three-quarters {width:75%;}
.half {width:50%;}
.quarter {width:25%;}
.fifth {width:20%;}
.third {width:32%;}

.pad-left, .nav-pad-left {padding-left:20px;}
.pad-right {padding-right:20px;}
.pad-left-12 {padding-left:12px;}
.pad-left-sm {padding-left:10px;}
.pad-bottom {padding-bottom:15px;}

.center {text-align:center;}
.center-text {text-align:center;}
.right-text {text-align:right;}
img.center-img {margin: 0 auto;}

.rounded {border-radius:12px;}

.smaller {font-size:90%;}
.smallest {font-size:80%;}
.bigger {font-size:115%;}
.biggest {font-size:150%;}

a.smaller {font-size:90%;}
a.smallest{font-size:80%;}

.padded {padding:12px;}

.relative {position:relative}
.list {margin-bottom:10x; border-bottom:solid 1px #24a1dd;}
.alert {color:red; padding:10px; border:solid 2px red;}
.red {color:red;}
.float-right {
	position:relative;
	float:right;
	padding-left:15px;
	padding-bottom:15px;
}
.float-left {
	position:relative;
	float:left;
	padding-right:15px;
	padding-bottom:15px;
}

.no-copy {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.border-container {
	padding:10px;
	border:solid 2px var(--accent);
	margin-top:10px;
	margin-bottom:10px;
}


a.button {
	display:table;
	position:relative;
	border-radius:4px;
	padding:4px;
	font-weight:700;
	background:var(--accent);
	font-size:110%;
	color:#FFF;
}

a.button:hover {
	color:var(--primary);
	text-decoration:none;
}

/*
GENERIC COLOR DEFINITIONS
---------------------------*/
.bkg-lt-gray {background:var(--lt-gray)}
.lt-blue {color:#2d8aac;}
.blue{color:var(--primary)}
/*
BROCHURE
---------------------------*/
.home-alert {position:absolute; 
			z-index:20; 
		}
.home-alert-message {
	display:table; 
			margin:auto; 
			background:#FFF; 
			border:solid 2px #727272;
			border-radius:10px;
			padding:20px;
			width:80%;
}
a.close-alert {background:#CCC; display:table; height:40px; width:40px; border-radius:20px; text-align:center; line-height:40px; font-size:200%; font-weight:700; color:#000;margin-bottom:10px;}
a.close-alert:hover {background:#000; color:#FFF; text-decoration:none;}
a.cotm {display:inline-table;background:var(--org);color:#FFF;font-weight:700; padding-left:5px;padding-right:5px;}
a.cotm:hover {text-decoration:none;background:var(--primary);color:#FFF;}
/*
BRAND / TOP NAV
--------------------------*/

.top-menu {
	position:sticky; 
	top:0; 
	z-index:50;
}

nav {display:flex;
	align-items:flex-start;
	flex-direction:row;
	justify-content:space-around;
	padding-top:10px;
	padding-bottom:10px;
	width:80%;
	margin:auto;
	position:relative;

}

nav a {
	color:#ececec;
	margin-right:20px;
}

nav a:hover {color:var(--accent); text-decoration:none;}

.mobile-nav {display:none;}
.mobile-menu {display:none; text-align:center;}
.mobile-menu a {display:block; margin-bottom:10px;}
.nav-close {display:table;
				width:30px;
				height:30px;
				text-align:center;
				line-height:30px;
				background:#000;
				border-radius:15px;
				margin-bottom:10px;
				margin-left:auto;
				margin-right:auto;
			}
.nav-close i {color:#FFF; }

.nav-left {
	display:flex;
	align-items: flex-start;
	flex-direction:row;
}

.dropdown {
	cursor:pointer;
	position:relative;
	color:#ececec;

}

.dropdown > .dropsub {
	display:none;
	z-index:100;
	position:absolute;

}

.dropdown:hover > .dropsub {
	display:table;

}

.categories {
	width:300px;
	
}

.about {
	width:150px;
	
}

.dropsub a {
	display:block;
	padding:10px;
	border-bottom:solid 1px #ececec;
	background:var(--primary);

}

.dropsub a:hover {
	background:var(--accent);
	color:#FFF;
	text-decoration:none;
}

#avl-search input[type="text"] {background-color:#ececec;
							background-image:url('/_css/images/icon-search.png');
							background-repeat:no-repeat;
							background-position:right center;
							color:#727272;
							padding:6px;
							border-radius:12px;
							border:solid 2px #CCC;
							min-width:240px;}


#avl-search input[type="text"]:focus {border:solid 2px #2a3086;}


a.top-social { 
	display:inline-table;
	width:20px;
	height:20px;
	border-radius:10px;
	text-align:center;
	color:#fff;
	line-height:20px;
	background:#727272;
}

a.top-social i {color:#FFF }

a.top-social:hover {background:var(--accent);}

.top-brand {
	display:table;
	width:100%;
	padding-bottom:10px;

}

.top-cell {
	display:table-cell;
	width:33.33%;
	vertical-align:middle;
	text-align:center;
	padding-top:10px;
}


.top-brand img {
	max-height:90px;
}

a.top-brand-link {
	color:#2a3086;
	font-size:80%;
	font-weight:300;
}

a.top-brand-link:hover {
	color:var(--accent);
	text-decoration:none;
}



/*
PRODUCTS
--------------------------*/

.product-container {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
}

.product-display {
	justify-content:center;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;

}

a.product-thumb {
	height:0;
	display:table;
	position:relative !important;
	width:30%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:10px;
	margin-right:10px;
	padding-bottom:30%;

}

a.product-thumb-related {
	height:0;
	display:table;
	position:relative !important;
	width:22%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:10px;
	margin-right:10px;
	padding-bottom:22%;

}


.pro-tag {
	position:absolute !important;
	background:var(--primary);
	color:#FFF;
	display:table;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	width:90%;
	margin-top:30px;
	padding:10px;

}

.pro-name {width:65%;
		font-size:175%;
		line-height:100%;}

.pro-name-sub {
	width:90%;
	font-size:150%;
	line-height:100%;
}

.pro-name-related {
	width:90%;
	font-size:100%;

}

.pro-arrow {
	display:table-cell;
	width: 20%;
	background-image:url('/_css/images/square-arrow-right.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-size:60%;
	height:50px;

}

.product-thread {
	background:var(--accent);
	padding:10px 20px;
	font-weight:700;
	color:#FFF;
}

.product-thread a {
	color:var(--primary);
	
}


.product-thread a:hover {color:#FFF; text-decoration:none;}

.banner {
	display:table;
	width:100%;
	height:250px;
	padding-top:20px; 
	padding-left:40px;
	padding-right:160px;
	padding-bottom:40px;
	color:#FFF;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	margin-bottom:40px;
	background-color:var(--primary);
}

.banner h1 {
	color:var(--accent);
	margin:0;
	line-height:100%;
}

.banner span {
	font-size:120%;
}

.product-content {
	width:85%;
	margin:auto;
	color:var(--gray);
}

.product-content h1 {
	color:var(--primary);
	margin-bottom:0;
	line-height:100%;
}

.product-content h2 {
	color:var(--accent);
	margin:0;
	line-height:100%;
}

.product-image {
	display:table-cell;
	vertical-align:top;
	width:33%;
}
.product-description {
	display:table-cell;
	vertical-align:top;
	padding-left:20px;
}



.tag {
	display:table;
	padding:5px;
	font-weight:700;
	background:var(--primary);
	color:#FFF;
	border-radius:4px;
	margin-bottom:10px;
}

.product-downloads {
	width:75%;
	margin-bottom:10px;
}

.product-downloads a {
	display:block;
	border-radius:4px;
	padding:5px;
	background:var(--lt-gray);
	margin-bottom:5px;
	color:var(--primary);
}


.product-downloads a:hover {
	background:var(--primary);
	color:#FFF;
	text-decoration:none;
}

a.product-contact {
	display:inline-table;
	background:var(--primary);
	color:#FFF;
	border-radius:4px;
	padding:3px;
	margin-right:10px;
	font-weight:600;
}

a.product-contact:hover {
	color:var(--accent);
	text-decoration:none;
}

.product-related {
	background:var(--lt-gray);
	margin-top:40px;
}


.related-items {
	display:flex;
	flex-wrap:wrap;
	width:85%;
	margin:auto;
	padding-bottom:10px;
	
}

.related-header {
	display:flex;
	width:85%;
	margin:auto;
	padding-top:10px;
}

.related-header h2 {
	color:var(--accent);
	padding:0;
	margin:0;
}

.related-header div {
	align-self: flex-end;
	padding-left:10px;
}



.arrow {
	width:0;
	height:0;
	border-top:10px solid var(--accent);
	border-right:10px solid transparent;
	margin-left:3px;

}

.balloon {
	display:table;
	background:var(--accent);
	padding:3px;
	border-radius:3px;
}

a.more {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	flex-basis:content;
	color:#FFF;
	font-weight:700;
	position:relative;
	z-index:10;
}

a.more:hover {
 	color:var(--primary);
 	text-decoration:none;
}

/*
HISTORY
-------------------------*/
.timeline-graph {
	display:table-cell;
	vertical-align:middle;
	background-image:url('images/timeline_bkg.png');
	background-repeat:no-repeat;
	background-position:center;
}

.timeline-dot {
	width:10px;
	height:10px;
	border:solid 1px #000;
	border-radius:5px;
	background:#FFF;
	position:relative;
	z-index:10;
}

.timeline-date {
	display:table-cell;
	vertical-align:middle;
	font-size:130%;
	font-weight:500;
	padding-right:20px;
	cursor:pointer;
	height:20px;
}
.timeline-date:hover {
	color:var(--primary);
}

.timeline-arrow {
	position:relative;
	width:0;
	height:0;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	border-left:40px solid var(--primary);
	left:-5px;
	display:none;
}

.timeline-selected {
	font-size:200%;
	font-weight:600;
}

.timeline-header {
	display:flex;
	align-items:center;
	position:relative;
	margin-bottom:10px;
	width:100%;
}

.timeline-year {
	position:relative;
	margin:auto;
	font-size:1000%;
	color:var(--lt-gray);
	font-weight:700;
	text-align:center;
	width:100%;
}

.timeline-title {
	position:absolute;
	font-size:200%;
	line-height:90%;
	font-weight:600;
	width:100%;
	text-align:center;
	margin:auto;
	color:var(--primary);
	z-index:10;

}
/*
PRESENTATION
-----------------------*/

a.presentation-button {
	display:table;
	width:40px;
	height:40px;
	text-align:center;
	color:#FFF;
	line-height:40px;
	font-size:130%;
	border-radius:20px;
	background:var(--primary);
}

a.presentation-button:hover {
	background:var(--accent);
	text-decoration:none;
}


.animate-fading{-webkit-animation:fading 1s infinite;animation:fading 1s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.slide-container { 
	width:100%;
	height:600px;
	display:table;
	background-size:100%;

}

.slide {
	width:100%;
	height:600px;
	background-repeat: no-repeat; 
	background-position: top;
	display:table-cell;
	vertical-align:middle;

}

/*
HOME
------------------------*/

.home-banner {
	display:table-cell;
	vertical-align:middle;
	height:300px;
	padding-left:50px;
	margin-bottom:0;
}

.home-banner h2{
	color:var(--accent);
	margin:0px;
	font-size:300%;
	font-weight:600; }


.home-news {
	display:table-cell;
	width:33.33%;
	padding:10px;
}

.home-news:nth-child(2) {
	background:var(--lt-gray);
}

.home-news h3 {
	display:table;
	padding-bottom:5px;
	border-bottom:solid 4px var(--accent);
	color:var(--primary);
	font-weight:900;
	margin-bottom:10px;
	font-size:150%;
}

.home-welcome, .about-welcome {
	padding:30px 100px;
	text-align:center;
	color:var(--gray);
}

.home-welcome h2, .about-welcome h2 {
	color:var(--accent);
	font-size:200%;
	line-height:100%;
}

.home-welcome span {
	font-size:150%;
}

.welcome-cell { 
	display:table-cell;
	width:50%;
	padding:60px;
	text-align:center;
	color:#FFF;
	background:var(--primary);
	font-size:140%; 
}

.welcome-image {
	display:table-cell;
	background-image:url('/images/avl_home_page.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

/*
ROOT SHARED
------------------------*/

.news-headline {
	color:var(--primary);
	font-weight:700;
	font-size:150%;
	line-height:100%;
}
.news-date {
	color:var(--accent);
	text-transform:uppercase;
	font-weight:600;
}

.news-image {
	display:table-cell;
	vertical-align:top;
	width:25%;
	padding-right:50px;
}

.news-container, .content-container {
	background:#FFF;
	padding:12px;
	border-radius: 12px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;

}
.news-cell {display:table-cell;font-size:120%;line-height:120%;}
.news-cats {padding:10px;border-top:dotted 2px var(--primary);margin-top:10px;}

.news-divider {border-bottom: dotted 2px var(--primary); margin-bottom:10px; }

/*
BLOG
------------------------*/

.sort-container {
	border-bottom:solid 2px var(--accent);
	margin-bottom:20px;
}


.news-sort {
	display:flex;
	flex-direction:row;
	align-items:flex-end;
	justify-content:flex-end;
	color:var(--accent);
	font-weight:600;
}

.news-sort > .dropdown {
	color:#89898c;
	margin-left:10px;
}

.news-sort > .dropdown:hover {
	color:#2290b0;
}

.news-sort a {
	color:#ececec;
}
/*
CONFIG
------------------------*/
.config-container {display:flex;flex-direction:row;align-items:center;}
.config-type {display:inline-table;padding:10px;font-size:150%;cursor:pointer;background:#CCC;margin-left:5px;margin-right:5px;}
.config-type:hover, .config-next:hover, .config-single:hover, .config-save:hover {background:var(--primary);color:#FFF;}
.config-display {width:60%;padding:40px;}
.config-results {display:table;min-width:60%;box-shadow:5px 5px 5px #CCC; padding:20px;margin-left:auto;margin-right:auto;border:solid 2px #CCC;background:#FFF;text-align:center;}
.config-selections {width:40%;background:var(--lt-gray);padding-bottom:50px;padding-top:20px;padding-left:20px;padding-right:20px;border-radius:5px;}
a.config-select {display:table;margin-bottom:5px;margin-left:auto;margin-right:auto;background:#FFF;padding:3px;border-radius:3px;border:solid 2px transparent;color:#000;}
a.config-select:hover, a.config-selected {border:solid 2px var(--org);text-decoration:none;}
.config-next, .config-single, .config-save {display:table;padding:10px;font-size:120%;cursor:pointer;background:var(--org);color:#FFF;margin-top:10px;margin-left:auto;margin-right:auto;}
input[type=checkbox].checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].checkbox + label.label {padding-left:30px;height:25px; display:inline-block;line-height:25px;background-repeat:no-repeat;background-position: 0 0;font-size:100%;vertical-align:middle;cursor:pointer;}
input[type=checkbox].checkbox:checked + label.label {background-position: 0 -25px;}
label.label {background-image:url('/_css/images/check.png');-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-right:10px;}
.config-feed {display:inline-table;padding:3px;background:var(--lt-gray);margin-left:2px;margin-right:2px;}
.feed-label {display:inline-table;padding:3px;}
.config-item {display:table; background:var(--lt-gray);padding:3px;margin-left:auto;margin-right:auto;margin-bottom:5px 10px;}
.config-explain {background:var(--primary);color:#FFF;text-align:center;width:60%;padding:20px;margin-left:auto;margin-right:auto;margin-bottom:20px;}
.config-explain h3 {margin:0,padding:10px;color:var(--accent);}
.config-back {display:table;margin-left:auto;margin-right:auto;margin-bottom:10px;padding:3px 5px;cursor:pointer;background:var(--primary);color:#FFF;font-size:90%;border-radius:5px;}
.config-back:hover {background:var(--accent);color:#000;}
.config-container input[type='text'] {min-width:300px;text-align:center;padding:5px;border:solid 2px var(--blu);color:#000;}
.config-actions {display:inline-table;margin-left:5px;margin-right:5px;padding:5px 10px;background:var(--primary);color:#FFF;font-size:120%;cursor:pointer;}
.config-actions:hover {background:var(--org);color:#000;}
.config-remove, .config-clear {float:right;display:table;margin-right:10px;margin-top:10px;background:var(--primary);color:#FFF;padding:5px 10px;font-size:85%;cursor:pointer;}
.config-remove:hover, .config-clear:hover {background:red;color:#000;}
/*
FOOTER
------------------------*/

.footer {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
	background:var(--primary);
	color:#FFF;
	text-transform:uppercase;
	padding:20px;
}


.footer img {

	margin-bottom:10px;
	display:block;
}

.footer-item {width:20%;}

.footer a {
	color:#FFF;
	display:table;
}

.footer a:hover {color:var(--accent); text-decoration:none;}

.footer-menu a, .footer-margin {
	margin-bottom:15px;
}

.footer a.nav-social { 
	display:inline-table;
	width:20px;
	height:20px;
	border-radius:10px;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-size:14px;
	background:#817e7c;
	margin-bottom:0;
}

.sub-footer {
	display:table;
	background:var(--accent);
	width:100%;
}

.sub-footer a {
	display:table;
	padding:10px;
	background:#FFF;
	font-weight:700;
	color:var(--primary);
	font-size:125%;
	white-space:nowrap;
	border-bottom-right-radius:6px;
}

.sub-footer a:hover {
	background:var(--primary);
	color:#FFF;
	text-decoration:none;
}

.sub-footer span {
	display:block;
	padding:10px 20px;
	font-weight:600;
	color:#FFF;
}


/*
HOME
-------------------------*/
/*
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}
 
.fade-in.two {
-webkit-animation-delay: .8s;
-moz-animation-delay:.8s;
animation-delay: .8s;
}
 
.fade-in.three {
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
animation-delay: 1.2s;
}

.fade-in.four {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}

.fade-in.five {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
animation-delay: 2s;
}

.fade-in.six {
-webkit-animation-delay: 2.4s;
-moz-animation-delay: 2.4s;
animation-delay: 2.4s;
}

.fade-in.seven {
-webkit-animation-delay: 2.7s;
-moz-animation-delay: 2.7s;
animation-delay: 2.7s;
}

.fade-in.eight {
-webkit-animation-delay: 3.0s;
-moz-animation-delay: 3.0s;
animation-delay: 3.0s;
}

.fade-in.nine {
-webkit-animation-delay: 3.3s;
-moz-animation-delay: 3.3s;
animation-delay: 3.3s;
}
.fade-in.ten {
-webkit-animation-delay: 3.6s;
-moz-animation-delay: 3.6s;
animation-delay: 3.6s;
}

*/



/*
SERVICE
--------------------------------*/

.service-content {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding: 0 0;
}
.icon-cell {
	display:table-cell;
	vertical-align:top;
	width:20%;
	padding:12px;
}
.icon {width:75%}
.service-cell {
	display:table-cell;
	vertical-align:top;
}

input.accept[type="submit"] {

	font-size:22px;
	font-weight:700;
	background:var(--primary);
	border: none;
	cursor:pointer;
	color:#FFF;
	margin-bottom:20px;
	padding:10px 20px;
	border-radius:2px;
	
}

input.accept[type="submit"]:hover {

	color:var(--accent);

}
input.serial[type="text"] {
	font-size:16px; font-weight:bold; padding:8px; border:solid 2px #24a1dd;
}
a.accept {

	display:table;
	font-size:22px;
	font-weight:700;
	background:var(--primary);
	color:#FFF;
	margin-bottom:20px;
	padding:10px 20px;
	border-radius:2px;
	margin-left:auto;
	margin-right:auto;
	
}


.rma-detail {
	background:#ececec;
	border:#CCC;
	border-radius:4px;
	padding:10px;
	margin-bottom:10px;
}

.rma-login {
	border:solid 4px #24a1dd;
	display: table;
	margin-left:auto;
	margin-right: auto;
	padding:20px;
	text-align:center;
	border-radius:10px;
	margin-bottom:50px;
}

.rma-area {padding:20px;
			border:solid 2px var(--primary);
			border-radius:4px;
			margin-top:20px;}

.rma-center {padding:10px;
			border:solid 2px var(--primary);
			border-radius:4px;
			margin-bottom:10px;
		}

.rma-edit {
	border:solid 2px var(--primary);
	padding:10px;
}

.rma-title { display:table;
				background:#FFF;
				border-top-right-radius:5px;
				border-top-left-radius:5px;
				padding:2px 4px;
				margin-left:6px;}

.call-out {background:#FFF;
			border-radius:10px;
			padding:12px;
			margin-top:12px;
			font-size:110%;
			display:table;
			margin-bottom:12px;
			}

.rma-terms { height:500px;
			overflow:scroll;
			border:solid 4px #2a3086;
			
		}

.rma-closed {

	background:#454547;
	color:#FFF;
	padding:10px;
	border-radius:5px;
	margin-bottom:10px;
}

.rma-terms-agree { background: #2a3086;
					padding:10px;
					text-align:center;
				}

.attention {background:#ddeffc;
			padding:10px;
			border-radius:6px;
			border:solid 4px #b6ccda;
		}

h1.alert, h2.alert, h3.alert { color: #24a1dd;}

input.rma[type=text], textarea.rma {
	border: solid 2px #24a1dd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	color: #9999A9;
	width: 98%;
	padding: 2px 4px;
	font-size:15px;
	font-weight:700;
	margin-bottom:10px;
}

input.rma[type=text]:focus,  textarea.rma:focus, input.rma[type=text]:hover,  textarea.rma:hover {
	box-shadow: 2px 2px 3px #CCCCCC;
	-moz-box-shadow: 2px 2px 3px #CCCCCC;
	-webkit-box-shadow: 2px 2px 3px #CCCCCC;
	-o-box-shadow: 2px 2px 3px #CCCCCC;
	color: #666696;
}

a.rma-download {
	display:table;
	font-size:22px;
	font-weight:700;
	background:#24a1dd;
	border: solid 2px #24a1dd;
	cursor:pointer;
	color:#ececec;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 20px;
	border-radius:8px;
	box-shadow:2px 2px 3px #a8acad;
}

a.rma-download:hover {
	background:#ececec;
	color:#24a1dd;
	text-decoration:none;
}

input.action[type="submit"] {
	display:table;
	color:#FFF;
	font-size:110%;
	border-radius:4px;
	padding:3px 6px;
	background:#2e85a9;
	cursor:pointer;
	margin-top:12px;
	
}

input.action[type="submit"]:hover {
	background:#676767;
}

input.next[type="submit"] {

	font-size:16px;
	font-weight:700;
	background:var(--primary);
	border: none;
	cursor:pointer;
	color:#FFF;
	margin-bottom:20px;
	padding:10px 20px;
	border-radius:4px;
	box-shadow:2px 2px 3px #a8acad;
	margin-top:12px;

}

input.next[type="submit"]:hover {

	color:(--accent);

}
a.proceed {
	display:table;
	font-size:16px;
	font-weight:700;
	background:var(--primary);
	color:#FFF;
	margin-bottom:20px;
	padding:10px 20px;
	border-radius:4px;
	box-shadow:2px 2px 3px #a8acad;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
}
a.proceed {
	color:(--accent);
	text-decoration:none;
}

.note-editor {
	display:none;
	padding:12px;
	border:solid 2px #3a8092;
	background:#ececec;
	border-radius:5px;
	margin-left:10px;
	margin-right:10px;
	width:100%;
	box-sizing:border-box;
}

.note-editor textarea {
	box-sizing:border-box;
	width:100%;
	height:260px;
	padding:10px;
	font-size:120%;
}

.note-editor input[type="submit"] {
	background:#24a1dd;
	color:#FFF;
	border:none;
	padding:10px;
	cursor:pointer;
	font-size:110%;
}

.note-editor input[type="submit"]:hover {
	background:#000;
}

a.little-add {
	display:table;
	background:#3f7d9a;
	padding:2px 4px;
	color:#FFF;
	font-size:85%;
	border-radius:4px;
}

a.little-add:hover {
	background:#4f5151;
	color:#ececec;
	text-decoration:none;
}




/*
SERVICE QUALITY
---------------------------------*/

.survey { 
	background:#edddb8;
	padding:20px;
	border-radius:8px;
}

.survey-form {
	display:inline-table;
	margin-right:2px;
}

input.survey-form[type='submit'] {

	border:0px;
	display:table-cell;
	font-family:Bitter;
	font-weight:700;
	vertical-align:middle;
	background:#5b5a58;
	color:#FFF;
	font-size:34px;
	line-height:34px;
	padding:10px;
	cursor:pointer;
	}

input.survey-form[type='submit']:hover {

	background:#24a1dd;

}

textarea.survey-answer {

	width:90%;
	padding:20px;
	font-size:120%;
	border-radius:6px;
	border:solid 3px #24a1dd;
	height:200px;
}

input.survey-email[type='text'] {

	width:60%;
	margin-left:auto;
	margin-right:auto;
	padding:12px;
	border:solid 3px #24a1dd;
	border-radius: 6px;
	font-size:120%;
}

.survey-question {

background:#FFF;
padding:20px;
font-size: 200%;
border-radius:10px;

}


/*
INVOICE
---------------------------*/

.invoice {background:#FFF;
			border: solid 2px #000;
			padding:20px;
		}

h1.invoice-header {font-family:Bitter; text-align:center;}
h3.invoice-header {font-family:Bitter; }

.invoice-paid {display:table;
				margin-left:auto;
				margin-right:auto;
				background:#24a1dd;
				color:#fff;
				font-family: Bitter;
				font-weight:700;
				font-size:18px;
				border-radius:6px;
				padding:6px 12px;
			}

a.invoice-action {display:inline-table;
					background:#24a1dd;
					color:#fff;
					padding:3px 6px;
					border-radius:3px;
					font-size:90%;
					margin-right:10px;
					border:solid 1px #FFF;
				}

a.invoice-action:hover{background:#a8acad; text-decoration:none; color:#FFF;}

.editor {
	display:none;
	padding:12px;
	border:solid 2px #3a8092;
	background:#ececec;
	border-radius:5px;
}

.invoice-error {
	padding:12px;
	border:solid 2px red;
	background:#ececec;
	border-radius:5px;
}

.invoice-address {
	padding:12px;
	background:#e4e4e4;
	margin-bottom:14px;
	border-radius:6px;
	border:solid 1px #cecdcd;
}

.invoice-address-active {
	padding:12px;
	background:#d6f2f5;
	margin-bottom:14px;
	border-radius:6px;
	border:solid 1px #24a1dd;
}

.invoice-detail {
	padding:12px;
	background:#dfdddd;
	border:solid 1px #a8acad;
	border-radius:10px;
}



/*
BULLETINS
------------------------------*/

a.bulletin-download {
			background:#24a1dd;
			color:#ececec;
			text-decoration:none;
			border:solid 1px #24a1dd;
			padding:4px 6px;
			display:table;

}

a.bulletin-download:hover {
	background:#FFF;
	color: #24a1dd;

}
/*
PRESENTATION
---------------------------------------*/

h3.advantage {background:#24a1dd;
				color:#ececec;
				margin-top:0px;
				margin-bottom:0px;
				padding:5px;
			}

a.advantage-nav {display:block;
					color: #656768;
					font-size:90%;
					padding:6px 12px 6px 12px;
					border-bottom:dotted 1px #a8acad;
					background:transparent;
				}

a.advantage-nav:hover { color:#ececec;
			background:#656768;
			border-bottom:solid 1px #24a1dd;
			text-decoration:none;
		}


.presentation-image {width:720px;
							height:520px;
							border-radius:12px;
							box-shadow:2px 2px 3px #7b7b7c;
							margin-bottom:20px;}

.presentation-container {width:720px;
							height:580px;
							margin-left:auto;
							margin-right:auto;
							margin-top:20px;}

.presentation-buttons {text-align:right;
							}

.presentation-more {display:inline; margin-left:20px;}

h1.presentation-title {display:inline;}

.presentation-statement {padding-top:20px; line-height:140%;}

a.next {display:inline-block;
		position:relative;
		bottom:310px;
		left:30px;
		width:50px;
		height:50px;
		line-height:50px;
		font-weight:600;
		color:#ececec;
		background:#24a1dd;
		border-radius:50%;
		text-align:center;
		font-size:32px;}


a.next:hover {background:#a8acad;
				text-decoration:none;
				margin-left:12px;}

.presentation-text {font-family:Bitter;}

.slide-1 {color:#FFF;
			font-size:42px;
			padding:40px;}

.slide-2 {padding-left:360px;
			padding-right:20px;
			font-size:30px;
			padding-top:30px;
			text-align:center;}

.slide-3 {
			margin-left:420px;
			margin-right:20px;
			margin-bottom:40px;
			padding:14px;
			font-size:28px;
			color:#FFF;
			background:#000;
			opacity:0.7;
			border-bottom-left-radius:12px;
			border-bottom-right-radius:12px;
			text-align:center;}

.slide-4 {padding-left:360px;
			padding-top:80px;
			padding-right:20px;
			color:#FFF;
			font-size:40px;
			text-align:center;}

.slide-5 {padding:20px 300px 0px 20px;
			text-align:center;
			font-size:34px;
			color:#FFF;
		}

.slide-6 {padding:20px;
			text-align:center;
			font-size:24px;
		}

.slide-6-block {margin:20px;
					border-radius:12px;
					background:#FFF;
					opacity: 0.8;
				}

.slide-white {color:#FFF;}

.slide-7 { padding:20px 372px 20px 20px;
				color:#FFF;
				text-align:center;
				font-size:34px;
			}

.slide-8 {
			margin-right:470px;
			margin-left:20px;
			margin-bottom:40px;
			padding:14px;
			font-size:28px;
			color:#FFF;
			background:#000;
			opacity:0.8;
			border-bottom-left-radius:12px;
			border-bottom-right-radius:12px;
			text-align:center;}

.slide-9 {padding:20px 380px 20px 20px;
			font-size:28px;
		}

.slide-10 {background:#FFF;
				opacity:0.8;
				margin:0px 400px 0px 20px;
				padding:20px;
				text-align:center;
				border-bottom-right-radius: 12px;
				border-bottom-left-radius: 12px;
				font-size:28px;
			}

.slide-11 {padding-left:386px;
				padding-top:20px;
				padding-right:20px;
				text-align:center;
				font-size:28px;
			}

.slide-12 { width:400px;
				background:#000;
				border-bottom-right-radius:12px;
				border-bottom-left-radius:12px;
				padding:20px;
				box-sizing:border-box;
				-moz-box-sizing: border-box;
				color:#FFF;
				font-size:24px;
				text-align:center;
				margin-left:20px;
				opacity: 0.8;
			}

.slide-13 {padding-left:330px;
				padding-top:20px;
				padding-right:20px;
				text-align:center;
				font-size:28px;
			}

.slide-14 {padding-left:420px;
			padding-right:20px;
			font-size:30px;
			padding-top:30px;
			text-align:center;}

.slide-15 {padding-left:400px;
			padding-right:20px;
			font-size:26px;
			color:#ececec;
			padding-top:30px;
			text-align:center;}

.slide-16 {padding-left:460px;
				padding-top:20px;
				padding-right:20px;
				text-align:center;
				font-size:34px;
			}

.slide-17 {padding-right:400px;
				padding-top:20px;
				padding-left:20px;
				text-align:center;
				font-size:32px;
			}



/*
White Papers
----------------------------------------*/

.white-paper {
	backgound:#FFF;
	padding:10px;
	border:solid 2px #CCC;
	border-radius:10px;
	cursor:pointer;
	margin-bottom:10px;
	width:50%;
}

.white-paper:hover {
	border:solid 2px #24a1dd;
	color:#24a1dd;
	font-weight:700;

}

/*
CONTACT PAGE
---------------------------------------*/

.contact-top {
	width:60%;
	margin:auto;
	margin-bottom:20px;
	color:var(--accent);
}

.contact-form {
	width:60%;
	margin:auto;
	padding:20px;
}

.contact-form input[type="text"] {
	border-top:none;
	border-right:none;
	border-bottom:solid 1px #075698;
	border-left:none;
	font-family:'Source Sans Pro', sans-serif;
	font-weight:400;
	color:#000;
	background:#FFF;
	padding:5px;
}

.contact-form input[type="text"]:focus {
	background:#ececec;
	border-bottom:none;
}

input[type="text"].half {width:49%;}
input[type="text"].third {width:33%}

input[type="text"]#captcha:focus {
	background: rgb(167, 178, 185);
	color:#FFF;
	padding:10px;
	border-radius:5px;
	font-size:130%;
	font-family:georgia;
}
input[type='submit'].resume-file-button {
	padding:8px;
	display:inline-block;
	background:var(--primary);
	color:#FFF;
	font-size:150%;
	font-weight:600;
	cursor:pointer;
}
input[type='submit'].resume-file-button:hover {
	background:var(--accent);
}
.contact-form select {
	font-family:'Source Sans Pro', sans serif;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:solid 1px #075698;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    color:#7aa4c8;
}

.contact-form select:focus {
	color:#000;
}



.contact-form textarea {
	border:solid 1px #075698;
	font-family:'Source Sans Pro', sans-serif;
	padding:10px;
	width:100%;
	height:200px;
	font-size:120%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #075698;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #075698;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #075698;
}
:-moz-placeholder { /* Firefox 18- */
  color: #075698;
}

.inline {display:inline;}


.term-options {
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}

.term-options input {
	margin:0;
	padding:0;
	-webkit-appearance:none;
    -moz-appearance:none;
     appearance:none;

 }

.term-select { background:#CCC; 
				padding:20px;
				cursor:pointer;
				color:#908e8e;
				text-align:center;
				display:table-cell;
				vertical-align:middle;
				width:40px;
				font-size:120%;
				
			}

.term-select:before {
	content: "";
}

.term-select:after {
	content: "\2713";
}

.term-select:hover { 
	background:#000;
	color:#FFF;
	font-weight:bold;
}

.term-select:checked {
	background:#000;
	color:#FFF;
	font-weight:bold;
}

.term-option-cell {
	display:table-cell;
	vertical-align:middle;
	padding:5px;
	border-bottom:solid 1px #CCC;
	cursor:pointer;
}

.term-option-cell:hover {
	background:#ececec;
}

.captcha { display:table;
				margin-top:12px;
				border-radius:5px;
				padding:5px;
				background: rgb(167, 178, 185);
			}
			

/*
MOBILE
----------------------------------*/

.search-input-mobile {
	    background-color: #ececec;
	    background-image: url('/_css/images/icon-search.png');
	    background-repeat: no-repeat;
	    background-position: right center;
	    color: #5c5e5f;
	    padding: 6px;
	    border-radius: 12px;
	    border: none; 
	    margin:10px;		
	    margin-top:20px;
	    width:72%;
		max-width: 72%;
}
.mobile-menu a {
	display:block;
	padding-bottom:5px;
	border-bottom: solid 1px var(--accent);
}
.mobile-search {
	border-bottom:solid 1px var(--accent);
	margin-bottom:5px;
}

#history-dates {display:none;}

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

	.top-brand, .top-logo {display:block;}

	.top-contacts, .top-search, .top-alert, .top-menu, .home-welcome, #home-about, .logo-cell, #banner-copy, #timeline-dates { display:none; }
	.top-cell, .third, .half, .quarter {width:100%;}
	.cell {display:block; max-width:100%;}
	.pad-left {padding-left:0;}
	.center-table{display:block; margin-left:10px; margin-right:10px;}
	#history-dates {display:table; margin-left:auto; margin-right:auto; margin-top:10px;}
	#history-dates select {font-size:200%}

	.about-welcome {padding: 0 0;}

	.mobile-nav {
		display:table;
		float:right;
		margin-top:10px;
		margin-right:10px;
	}

	a.mobile-open {
		display:table;
		background:#000;
		font-size:150%;
		padding:5px;
	}

	a.mobile-open i  {
		color:#FFF;
	}

	.home-banner {padding-left:0; text-align:center; margin-bottom:10px;}
	.home-banner h2 {font-size:250%;}
	.home-margin {margin-bottom:10px;}

	.home-news {
		display:block;
		width:100%;
		padding:10px;
	}

	.news-cell, .product-description {display:block; padding-left:0;}
	.news-image, .product-image, .icon-cell, .service-cell {display:block; padding-right:0; width:100%; padding-bottom:10px;}
	.icon {display:table; width:30%; margin-left:auto; margin-right:auto}

	a.product-thumb, a.product-thumb-related {
		height:0;
		display:table;
		position:relative !important;
		width:100%;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		margin-bottom:10px;
		margin-right:0;
		padding-bottom:100%;

	}

	input.accept[type="submit"] {
		font-size:.8em;
	}

	.rma-area {padding:10px;
			border-radius:4px;
			margin-top:10px;
	}

	.service-content {width:100%; padding:0 10px;}

	.banner {
	height:auto;
	padding-top:20px; 
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	text-align:center;
	margin-bottom:10px;
	}
	

	.sub-footer {display:none}
	.footer-item, .footer-margin, .footer-menu  { width:100%; text-align:center }
	.footer img { margin-left:auto; margin-right:auto;max-width:30%; }
	.footer a {margin-left:auto; margin-right:auto;}

	.footer a.nav-social { 		
		width:40px;
		height:40px;
		border-radius:20px;
		line-height:40px;
		font-size:18px;
		
	}

	div.invoice-container {
		max-width:100%;
		overflow:auto;		
	}
	.invoice-detail {
		max-width:100%;
		margin-bottom:5px;
	}
	.invoice {margin-bottom:5px;}
	a.invoice-action{
		display:block;
		padding:15px;
		margin-right:0;	
		text-align: center;
	}
	.policy-close{
		font-size: 20px;
	}
	.return-close{
		font-size: 20px;
	}
	.editor input[type="text"] {
		display:block;
		width:100%;
		padding:3px;
		font-size:120%;
	}

 
}



@media (max-width: 699px) and (orientation : landscape) {

	a.product-thumb, a.product-thumb-related {
		width:45%;
		padding-bottom:45%;
		margin-left:5px;
		margin-right:5px;
	}
	input.accept[type="submit"] {
		font-size:1em;
	}

}