h1.pageTitle { font-weight: 500 !important; }
h2.pageSubtitle { font-size: 1.6rem; }
.lead { font-weight: 400; }
.buying-guide code { border: 1px dashed #c00; display: block; margin-bottom: 20px; }

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

#ups-about { margin-top: -30px; margin-bottom: 30px; }
#ups-about .lead p { padding-top: 75px; }
#ups-about .lead p,
#ups-about .lead li { font-size: 1rem; }

#surge-about { margin-top: -30px; margin-bottom: 30px; }
#surge-about .lead p { padding-top: 40px; }
#surge-about .lead p,
#surge-about .lead li { font-size: 1rem; }

#surge-isobar-callout {
	margin-bottom: 30px;
	padding-left: 30px;
}
#surge-footer-cta {
	padding-left: 30px;
	padding-right: 30px;
}

.content-section {
	border-top: 2px solid #ddd;
	padding: 20px 0 10px 0;
}
.content-section .panel-group {
	margin-bottom: 10px;
}
.content-section h3,
.well.br10 h3 {
	font-weight: 500 !important;
}
.content-section .panel {
	border: 0;
	-webkit-box-shadow: unset;
	box-shadow: unset;
}
.content-section .panel-heading {
	background-color: unset;
	padding: 10px 0;
}
.content-section h3.panel-title {
	display: inline-block;
	font-weight: 500 !important;
	color: #454b4f;
}
.content-section h4.panel-title {
	display: inline-block;
	font-size: 1.25rem !important;
	font-weight: 400 !important;
	color: #454b4f;
}
.content-section h4.panel-title a {
	font-size: 1.25rem !important;
}
.content-section .panel-body {
	padding: 10px 5px;
}
.content-section h5 {
	font-size: 1.1rem;
	font-weight: 400 !important;
}
.content-section p {
	font-size: 0.9rem;
	margin-bottom: 18px;
}
.content-section p.lead {
	font-size: 1.1rem;
}
.content-section ul.bullets {
	margin-bottom: 15px;
}
.content-section h3.panel-title > a {
	line-height: 0.8;
	font-size: 1.5rem !important;
}
.content-section h4 {
	font-size: 1.25rem;
	font-weight: 500 !important;
}
.content-section a {
	font-size: 0.9rem;
}
.content-section .bullets li,
.content-section .bullets li a,
.content-section ol li,
.content-section ol li a {
	font-size: 0.87rem;
}
.panel-block img.panel-img {
	width: 194px;
	margin-left: 10px;
}
.panel-block img.panel-img2 {
	width: 198px;
	margin-left: 10px;
}
.panel-block img.panel-img3 {
	width: 190px;
	margin-left: 10px;
}
.content-section img.img-rounded {
	border: 1px solid #ccc;
	border-radius: 8px;
}
.panel-block {
	min-height: 160px;
	padding: 10px 20px;
}

.img-chart { width: 60%; }
.img-recycle {
	line-height: 1;
	font-size: 108px;
}
.fa-icon svg {
	margin-top: 15px;
	margin-right: 60px;
	font-size: 5rem;
}
.fa-icon2 svg {
	margin-top: 15px;
	margin-right: 65px;
	font-size: 6rem;
}
.colorr {
	color: #c00 !important;
}
.caption {
	font-size: 12px;
	font-style: italic;
}
#glossaryCollapse01 p {
	font-size: 14px;
}

.custom-counter {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.custom-counter > li {
	counter-increment: step-counter;
	margin-bottom: 10px;
}
.custom-counter > li::before {
	background-color: #005eb8;
	border-radius: 3px;
	color: #fff;
	content: counter(step-counter);
	display: inline-table;
	font-weight: bold;
	margin-right: 6px;
	padding: 3px 8px;
}

/** PRODUCT LIST **********************************************************************************/

#productList .thumbnail { border: 0; }
#productList .thumbnail h2 {
	color: #454b4f !important;
	background-color: #dbe0e4 !important;
	font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	font-size: 0.9rem;
	text-transform: uppercase;
	text-align: center;
	display: block;
	padding: 4px 0 5px 0;
	margin: 0 0 8px 0;
}
#productList .thumbnail .overlayLink {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#productList .thumbnail .overlayLink:hover ~ h2 {
	color: #fff !important;
	background-color: #0b66a3 !important;
}
#productList .product-img {
	padding: 0 5px 10px 5px;
}

/** POPOVER ***************************************************************************************/

.content-section .popover {
	background-color: #d7e6f5;
	border-color: #005eb8;
	color: #005eb8;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	max-width: 330px;
}
.content-section .popover.bottom {
	margin-top: 12px;
}
.content-section .popover.bottom > .arrow {
	border-bottom-color: #005eb8;
}
.content-section .popover.bottom > .arrow:after {
	border-bottom-color: #d7e6f5;
}

/**************************************************************************************************/

#page-index-addendum {
	margin: 15px 0 0 15px;
}
#page-index-addendum ul {
	margin-bottom: 0;
}
#page-index-addendum li {
	margin-bottom: 0;
	font-size: 0.9rem;
}

/**************************************************************************************************/

/* BUYING GUIDE SPECIAL FEATURES ICONS */
.sf-icon { display: inline-block; width: 79px; height: 80px; overflow: hidden; background:url('//assets.tripplite.com/buying-guide-images/specialFeatures.png') no-repeat top left; vertical-align: top; }
.sf-icon.battery { background-position: 0 0; }
.sf-icon.hotSwap { background-position: -80px 0; }
.sf-icon.power { background-position: -160px 0; }
.sf-icon.leaf { background-position: -240px 0; }
.sf-icon.usb { background-position: -320px 0; }
.sf-icon.lightningBolt { background-position: -400px 0; }
.sf-icon.clock { background-position: -480px 0; }
.sf-icon.voltages { background-position: -560px 0; }
.sf-icon.dataLine { background-position: -640px 0; }
.sf-icon.surgeOnly { background-position: -720px 0; }
.sf-icon.loadAmps { background-position: -800px 0; }
.sf-icon.ats { background-position: -880px 0; }
.sf-icon.dualCircuit { background-position: -960px 0; }
.sf-icon.sensorPort { background-position: -1040px 0; }

/**************************************************************************************************/

#floatingBox .affix {
	top: 80px;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1024;
}
#floatingBox a { border-bottom: none; }
#floatingBox a:hover { text-decoration: none; }

#floatingBox .affix .contactOptions {
	width: 290px;
}

#floatingBox .contactOptions svg {
	color: #454b4f;
}

.pageIndex .pageIndex-title h4 {
	font-size: 20px;
	font-weight: 500 !important;
	color: #005eb8;
	text-transform: uppercase;
	font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	font-stretch: condensed;
	margin-bottom: 10px;
	margin-left: 28px;
}
.pageIndex .pageIndex-contents { margin-left: 30px; padding-left: 20px; border-left: 4px solid #5ea8da; }
.pageIndex .pageIndex-contents .pageIndex-header { margin-bottom: 5px; font-weight: 400; font-size: 16px; color: #545454; }
.pageIndex .pageIndex-contents .pageIndex-header.twoLine { line-height: 15px; }
.pageIndex .pageIndex-contents .pageIndex-header a { color: #545454; font-size: 14px; text-transform: uppercase; }
.pageIndex .pageIndex-contents .pageIndex-header a:hover { color: #0065b3; }
.pageIndex .pageIndex-contents .pageIndex-body { margin-bottom: 20px; }
.pageIndex .pageIndex-contents .pageIndex-body a { display: block; margin-left: 25px; font-weight: 400; font-size: 15px; color: #545454; }

.miniFinder .btn { color: #545454; background-color: #fff; font-size: 14px; }
.miniFinder .dropdown-menu > li > a { color: #545454; font-size: 14px; }
.miniFinder .dropdown-menu > li > a:hover, .miniFinder .dropdown-menu > li > a:focus { color: #005eb8; background-color: #fff; }

.contactOptions, .miniFinder { margin-top: 20px; padding-left: 20px; }
.contactOptions h4, .miniFinder h4 {
	font-size: 18px;
	font-weight: 500;
	color: #454b4f !important;
	font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	font-stretch: condensed;
	margin-bottom: 10px;
	margin-left: 5px;
}

#keyFeatures .panel { border: none; }
#keyFeatures .panel-heading { color: #454b4f; padding-left: 0; background-color: #fff; border: none; border-bottom: 1px solid #d6d6d6; }
#keyFeatures h3 {
	font-size: 20px;
	font-weight: 500;
	color: #454b4f;
	font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	font-stretch: condensed;
	text-transform: uppercase;
}
#keyFeatures a:hover, #keyFeatures a:focus { text-decoration: none; }
#keyFeatures a span { color: #005eb8; }

.media img { margin-right: 30px; }
.media blockquote { border-left: 5px solid #ccc; }
.media blockquote p { color: #454b4f; }
.media blockquote strong { color: #005eb8; text-transform: uppercase; }

.boxedNumber {
	margin: 0;
	border: 2px solid #005eb8;
	background-color: #fff;
	color: #005eb8;
	padding: 0 8px;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
	display: inline-block;
}

a.seeLink {
	text-decoration: none;
	border-bottom: 2px dotted #005eb8;
}
a.seeLink:hover {
	border-bottom: 2px solid #005eb8;
	color: #005eb8;
}
.alphaIndex a.seeLink {
	text-decoration: none;
	border-bottom: 0;
}
.alphaIndex a.seeLink:hover {
	text-decoration: underline;
}

dd, dd a { font-size: 0.8rem !important; }
dd var { font-size: 0.95rem; font-family: monospace; }

/**************************************************************************************************/

a.accordion-toggle { text-decoration: none; }

a.accordion-toggle .accordion-square {
	display: inline-block;
	float: left;
	width: 13px;
	height: 13px;
	margin-top: 6px;
	margin-right: 10px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABiCAYAAACrpQYOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4NDg2N0U4NTIwQzExRTg5OTlEQTYxMjhDNjBBMDEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4NDg2N0U5NTIwQzExRTg5OTlEQTYxMjhDNjBBMDEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTg0ODY3RTY1MjBDMTFFODk5OURBNjEyOEM2MEEwMTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTg0ODY3RTc1MjBDMTFFODk5OURBNjEyOEM2MEEwMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4vHP+8AAAA2klEQVR42uzcsQ2AIBRAQTEs6CJauIYWLqIj4gaEQoLivdbEgssnoYAwb2ca1LzREoAQCBACAUIFxdzHY52CJXquZb+SibA1CQQIgQAhECAEAoRAgBAIEAIBQiBACIRAgBAIEAIBQiBACAQIgQAhECAEAoRAgFCTYo2f5m5P9lCN27YmwtYkECAEAoRA/P0c4VUbEwFCIEAIBAiBACEQIAQChECAsAQgBAKEQIAQCBACAUIgQAgECIEAIRAgBAKEQIAQCIF4Wdlbpb2/MmMiBAKEQIAQiK91CzAAxcMPc3hsxDoAAAAASUVORK5CYII=');
	background-size: cover;
}

/* plus symbol, 6e8cae color */
a.accordion-toggle.collapsed .accordion-square {
	display: inline-block;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABiCAYAAACrpQYOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4OTFDMzA4NTIwQzExRThBMTZGQ0RCMDYwNEQ3NkMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ4OTFDMzA5NTIwQzExRThBMTZGQ0RCMDYwNEQ3NkMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDg5MUMzMDY1MjBDMTFFOEExNkZDREIwNjA0RDc2QzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDg5MUMzMDc1MjBDMTFFOEExNkZDREIwNjA0RDc2QzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6pHhZfAAAA9UlEQVR42uzdMQ5EQBSA4bWZC7oIhWuswkU4ItFINLMKLzLj+9stbHx5EpNB0/3m9aPH+zoFIAQChECA0IVS7sdpaBun6L76cVlNhEuTQIAQCBACAUIgQAgECIF4SanEP51bxdwrcdXYRIAQCBACAUIgQAgECIEAIRAgBAKEQIAQCBACAUIgdBSyr+nfvqPooo8fsW/KRLg0CQQIgQAhEG+/j4h+PsHzEQIBQiBACAQIgRAIEAIBQiBACAQIgQAhECAEAoRAVF2R732t8WtgJgKEQIAQCBACAUIgQAgECIGorOzq69NvmTERAgFCIAQChM5tAgwA784bdwNPs8QAAAAASUVORK5CYII=');
	background-size: cover;
}

/**************************************************************************************************/

table#upsComparison td {
	font-size: 0.8rem;
	text-align: center;
}
table#upsComparison td:first-of-type {
	text-align: left;
}
table#upsComparison td a,
.table-legend li {
	font-size: 0.8rem;
}

/**************************************************************************************************/

#acs-about p,
#acs-about li { font-size: 18px; }
#acs-about .well p { font-size: 14px; }
#model-number-chart table th,
#model-number-chart table td,
#model-number-chart table td a { font-size: 0.9rem; }
#model-number-chart table td { text-align: center; }
#model-number-chart table td:first-of-type { text-align: left; }

/**************************************************************************************************/

.buying-guide p.lead { font-size: 18px; }
.buying-guide .content-section h4 {
	color: #888;
}
.buying-guide table th {
	background-color: #e5e5e5;
}
.buying-guide table th,
.buying-guide table td,
.buying-guide table td a {
	font-size: 0.85rem;
}
.buying-guide p + ul.bullets,
.buying-guide p + ol {
	margin-top: -12px;
}
.buying-guide a.seeLink {
	border-bottom: 0;
}

/**************************************************************************************************/

#focbg #video-sticker h4 { font-size: 0.85rem; font-weight: 400 !important; color: #454b4f; }
#focbg #video-sticker h4 span { font-size: 1rem; font-weight: 500 !important; }
#focbg #video-sticker a:hover,
#focbg #video-sticker a:focus {
	text-decoration: none;
}

/**************************************************************************************************/

#thunderbolt4 p.lead { font-size: 22px; }
#thunderbolt4 .content-section h5.table-label strong {
	font-size: 1rem;
}

/**************************************************************************************************/

/* XS */
@media screen and (max-width: 599.98px){
	h1.pageTitle { font-size: 1.8rem; }
	h2.pageSubtitle { font-size: 1.5rem; }

	.content-section h3 { font-size: 1.2rem; }
	.content-section h4 { font-size: 1rem; }
	.content-section h5 { font-size: 0.9rem; }

	.col-xs-7.col-sm-8 {
		padding-right: 0;
	}
	#ups-about, #surge-about {
		margin-top: 0;
	}
	.content-section p,
	.content-section a,
	.content-section .bullets li,
	.content-section .bullets li,
	.content-section .bullets li a,
	.content-section ol li,
	.content-section ol li a,
	table#upsComparison td,
	table#upsComparison td a,
	.table-legend li {
		font-size: 0.75rem;
	}

	.content-section h4.panel-title,
	.content-section h4.panel-title a {
		font-size: 1rem !important;
	}
	.panel-img, .panel-img2, .panel-img3, .img-chart {
		width: 90% !important;
	}
	.fa-icon svg {
		margin-right: 0;
	}
	.fa-icon2 svg {
		margin-right: 7px;
	}
	.buying-guide table th, .buying-guide table td, .buying-guide table td a { font-size: 0.75rem; }

	#surge-isobar-callout { padding-left: 15px; padding-right: 15px; }
	#surge-footer-cta { padding-left: 15px; padding-right: 15px; }
	#surge-footer-cta br { display: none; }

	.content-section .popover { font-size: 12px; }

	#contactOptionsSm > h4 { margin-top: 0 !important; }
}

/* SM */
@media screen and (min-width: 600px) and (max-width: 959.98px){
	h1.pageTitle { margin-top: 10px; }
	h2.pageSubtitle { font-size: 1.3rem; }
	#ups-about, #surge-about { margin-top: 0; }
	#ups-about img.img-responsive,
	#surge-about img.img-responsive {
		margin-bottom: 30px !important;
	}
	#floatingBox {
		margin-top: 20px;
		padding: 20px 0;
		background-color: #eee;
	}
	#floatingBox .affix {
		position: inherit;
		top: auto;
		height: auto;
	}
	.content-section h3.panel-title > a { font-size: 1.1rem !important; }
	.panel-block img.panel-img,
	.panel-block img.panel-img2,
	.panel-block img.panel-img3 {
		width: 150px;
	}
	.img-chart {
		width: 75% !important;
	}
	.fa-icon svg {
		margin-right: 30px;
	}

	#surge-isobar-callout { padding-right: 20px; }
	#surge-footer-cta { padding-right: 30px; }
	#surge-footer-cta br { display: none; }

	#contactOptionsSm > h4 { margin-top: 0 !important; }
}

/* MD */
@media screen and (min-width: 960px) and (max-width: 1279.98px){
	.fa-icon svg { margin-right: 15px; }
	#ups-about .lead p,
	#surge-about .lead p {
		padding-top: 25px;
	}
	#surge-isobar-callout { padding-right: 20px; }
	#surge-footer-cta { padding-right: 30px; }
	#surge-footer-cta br { display: none; }
}

/* LG */
@media screen and (min-width: 1280px){
	#person-looking-left { margin-top: 80px; }
}