@charset "utf-8";
/* CSS Document */

/* CSS Variables */
	body {
		/*--main-background-color: #FFFFFF;
		--second-background-color: #EDEDED;
		--winter-background-color: #dbf0ff;
		--main-accent-color: #005573;
		--second-accent-color: #FFD700;	
		--positive-color: #1E7E34;
		--positive-reinforce-color: #1C7430;
		--negative-color: #DA2244;
		--negative-reinforce-color: #CC1E3E;*/
		margin: 0;
		font-family: -apple-system,BlinkMacSystemFont, "SegoeUI", Roboto, "Helvetica Neue", Arial, sans-serif, "Aplle Color Emoji","Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
		text-align: left;
	}
	.btn-primary {
		background-color: #005573;
		border-color: #005573;
	}

/* bootstrap_top.htm START ******************************************************/

	#ISO_9001 {
		margin-left: 10px;
	}
	.navbar.navbar-expand-lg.navbar-dark.bg-dark {
		background-color: #005573 !important;
		border-bottom: 1px solid #fff;
	}
	.dropdown a, .sub-dropdown a {
		color: black;
		display: block;
		z-index:1000;
	}
	.dropdown-menu, .sub-dropdown-menu {
		margin-top: -4px;
	}
	.sub-dropdown-menu {
		display:none;
	}
	.sub-dropdown-menu ul li a {
		z-index:2000;
	}
	.dropdown-menu li {
		padding-top: 10px;
		display: grid;
	}
	.sub-dropdown-menu li {
		padding-top: 10px;
	}
	.dropdown-menu a, .sub-dropdown-menu a {
		color: black;
		white-space: nowrap;
	}
	.indented {
		padding-left: 40px; 
		font-weight: normal;
	}
	.navbar-toggler.navbar-light {
		border-color: white;
	}
	.image_preview img {
		max-width: 267px;
	}
	.form-inline .form-control {
		min-width: 210px;
	}
	#search_filter {
		color: white;
		font-weight: bold;
		vertical-align: middle;
  		white-space: nowrap;
		margin-right: 0px;
		display: none;
		position: fixed;
		/*position: absolute;*/
		top: 116px;
		z-index: 500;
	}
	#search_results_close {
		color: black;
		background-color: #005573;
	}
	#search_results_close img {
		position: absolute;
		right: 5px;
		top: 5px;
	}
	.col.filter {
		border: 1px solid white;
		background-color: #005573;
		text-align: center;
		padding-top: 10px;
		font-size: 13px;
	}
	.col.filter:hover {
		cursor: pointer;
	}
	.col.filter:last-child {
		padding-top: 0px;
	}
	#filter_container {
		margin-left: -54px;
	}
	#filter_label {
		color: black;
		background-color: #005573;
		padding: 5px 5px 5px 10px;
	}
	#filter_buttons {
		min-width: 450px;
		margin-left: -55px;
	}
	#close_button:hover {
		cursor: pointer;
	}
	#livesearch {
		white-space: normal;
	 	margin-left: -54px;
		margin-right: -15px;
		padding: 10px;
		background-color: white;
		position: fixed;
		z-index: 500;
		width: 36%;
		overflow-y:auto;
		height: 500px;
		border: 1px solid rgba(0,0,0,0.1);
	}
	#livesearch a {
		color: black;
	}
	#livesearch a:hover {
		text-decoration: none;
	}
	#parts_form span {
		color: red;
		font-weight: bold;
	}
	#parts_disclaimerP {
		text-decoration: underline; 
		color: #005573 !important;
	}
	#parts_form textarea {
		resize: none;
		width: 100%;
		height: 150px;
	}
	#parts_form b {
		font-size: 11px;
	}
	#parts_form label {
		font-weight: bold;
	}
	#parts_form p {
		color: #005573; 
		font-weight: bold; 
		padding-left: 15px;
	}
	#parts_government_groupP, #parts_commercial_groupP {
		float: none;
	}
	#parts_zip, #parts_state {
		display: none;
	}
	#daprof_form span {
		color: red;
		font-weight: bold;
	}
	#daprof_disclaimerP {
		text-decoration: underline; 
		color: #005573 !important;
	}
	#daprof_form textarea {
		resize: none;
		width: 100%;
		height: 150px;
	}
	#daprof_form b {
		font-size: 11px;
	}
	#daprof_form label {
		font-weight: bold;
	}
	#daprof_form p {
		color: #005573; 
		font-weight: bold; 
		padding-left: 15px;
	}
	#skip_to_content {
		color: #005573;
		background-color: #FFFFFF;
		padding: 10px;
		position: absolute;
		z-index: 10;
		left: -200px;
	}
	#skip_to_content:focus {
		left: 10px;
	}
	#search_glass {
		height: 35px;
		margin-right: 10px;
	}
	@media screen and (max-width: 1200px){
		#ISO_9001 {
			display: none;
		}
		#livesearch {
			width: 54%;
		}
	}
	@media screen and (max-width:991px){
		.dropdown-menu a, .sub-dropdown-menu a {
			white-space: normal;
			padding-left: 10px;
		}
		.dropdown-menu, .sub-dropdown-menu  {
			margin-left: 0px;
		}
		.dropdown a {
			margin: 0px 0px;
		}
		#filter_container {
			margin-left: -15px;
			padding-top: 25px;
		}
		#filter_buttons {
			margin-left: -15px;
		}
		#livesearch {
			margin-left: -15px;
			width:100%;
		}
		#search_filter {
			margin-top: 205px;
		}
		.navbar-expand-lg .navbar-nav .dropdown-menu, .sub-dropdown-menu  {
			left: 25%;
			padding-right: 10px;
		}
		#search_glass {
			float: left;
			margin-top: 10px;
		}
	}
	@media screen and (max-width:575px){
		#search_filter .col.filter {
			font-size: 9px;
			padding-top: 5px;
		}
		#filter_buttons {
			min-width: 400px;
		}
	}
	@media screen and (max-width:392px){
		.dropdown-menu, .sub-dropdown-menu  {
			font-size: 11px;
		}
		#filter_buttons {
			min-width: 346px;
		}
	}
	.hide {
		display: none;
	}

/* bootstrap_top.htm END */

/* bootstrap_bottom.htm START ****************************************************/

	#footer {
		margin-top: 150px;
		padding: 15px;
	}
	#footer h5 {
		color: rgba(0,0,0,1);
	}
	#footer a {
		color: #005573;
		font-weight: bold;
		font-size: 13px;
	}
	#footer a:visited {
		color: #005573;
	}
	#site_map_header, #site_map {
		margin-left: 6rem;
	}
	#footer_quote {
		border: 1px solid #FFD700;
		border-radius: 1px;
		color: #000 !important;
		font-size: 12px !important;
		padding: 0px 1px;
		text-decoration: none;
	}
	#footer_quote:hover {
		background-color: #FFD700;
	}
	#hydro_phone {
		color: #005573;
		font-weight: bold;
	}
	#socmed {
		padding-bottom: 10px;
	}
	#CTA_bar {
		display: none;
		color: #fff;
		background-color: #005573;
		text-align: center;
		padding: 15px;
		position: fixed;
		bottom: -100px;
		animation: CTA 2s forwards;
		animation-delay: 30s;
		cursor: pointer;
		z-index: 15;
	}
	#CTA_bar span {
		border: 3px solid #fff;
		border-radius: 5px;
		padding: 5px;
		transition: 1s;
	}
	#CTA_bar span:hover {
		background-color: #fff;
		color: #005573;
	}
	@keyframes CTA {
		from {bottom: -100px;}
		to {bottom: 0;}
	}
	#C19_bar {
		display: none;
		color: #fff;
		background-color: #00A200;
		text-align: center;
		padding: 15px;
		position: fixed;
		left: calc(50% - 300px);
		bottom: -200px;
		animation: Cnineteen 10s forwards;
		animation-delay: 5s;
		cursor: pointer;
		width:600px;
		z-index: 15;
	}
	#C19_bar span {
		border: 3px solid #fff;
		border-radius: 5px;
		padding: 5px;
		transition: 1s;
	}
	#C19_bar span:hover {
		background-color: #fff;
		color: #00A200;
	}
	@keyframes Cnineteen {
		0% {bottom: -200px;}
		10% {bottom: 50px;}
		90% {bottom: 50px;}
		100% {bottom: -200px;}
	}
	@media screen and (max-width:991px){
		#site_map_header, #site_map {
			margin-left: -1rem;
		}
	}

/* bootstrap_bottom.htm END */

/* bootstrap_side.htm START ******************************************************/
	#side_nav {
		position: fixed;
		margin-top: 75px;
		margin-left: 35px;
		width: 110px;
		z-index: 1000;
	}
	#side_nav img {
		width: 100px;
		background-color: #FFFFFF;
		border-radius: 100px;
	}
	#side_nav img:hover {
		cursor:pointer;
	}
	.popover {
		border: none;
	}
	.popover-header {
		color: #005573;
		border-left: 5px solid #005573;
		border-right: 5px solid #005573;
		border-top: 5px solid #005573;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		margin-bottom: -7px;
		text-align: center;
	}
	.popover-body {
		border-left: 5px solid #005573;
		border-right: 5px solid #005573;
		border-bottom: 5px solid #005573;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		font-weight: bold;
	}
	.modal-header {
		background-color: #005573;
		color: #FFFFFF;
	}
	.aniLogo {
		background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 16%, rgba(209,209,209,1) 47%, rgba(254,254,254,1) 100%); 
		font-family: 'Oswald', 'Anton', 'Alfa Slab One','sans-serif';
		border: 4px solid black;
		color: #000;
		text-align: center;
		border-radius: 10%;
		width: 100px;
		font-size: 16px;
		padding: 17px 0px;
		margin-bottom: 3px;
		cursor: pointer;
	}
	.aniLogo a {
		color: #005573;
		text-decoration: none;
	}
	.aniLogo:hover {
		background: #005573;
		color: #fff;
		transition: 1s;
	}
	.aniLogo:hover a {
		color: #fff;
		transition: 1s;
	}
	#request_quote {
		background: #fff;
		color: #000;
		transition: 1s;
		border: 4px solid #FFD700;
		border-radius: 10%;
		width: 90px;
		font-size: 17px;
		padding: 17px 0px;
		margin-bottom: 7.5px;
		cursor: pointer;
	}
	#request_quote:hover {
		background: #FFD700;
	}
	#request_quote_disclaimer, #parts_disclaimerM {
		text-decoration: underline; 
		color: #005573 !important;
	}
	#request_quote_form span, #manual_form span {
		color: red;
		font-weight: bold;
	}
	#request_quote_form textarea {
		resize: none;
		width: 100%;
		height: 150px;
	}
	#request_quote_form label, #manual_form label {
		font-weight: bold;
	}
	#request_quote_form p, #manual_form p {
		color: #005573; 
		font-weight: bold; 
		padding-left: 15px;
	}
	#quote_commercial_group, #quote_government_group {
		float: none;
	}
	#quote_state, #quote_zip {
		display: none;
	}
	@media screen and (max-width:991px){
		#side_nav {
			display: none;
		}
		#lhnContainerDone {
			display: none;
		}
	}

/* bootstrap_side.htm END */

/* bootstrap_popup.htm START ****************************************************/
	#promo_popup {
		position: fixed;
		bottom: auto;
		left: auto;
		right: 5px;
	}
	#promo_popup .modal-body:hover {
		cursor: pointer;
	}
	#promo_full .modal-content {
		background-color: #005573;
		color: #FFFFFF;
	}
	#promo_full a {
		color: #FFD700;
	}
	@media screen and (max-width:991px){
		#promo_popup {
			width: 300px;
		}
		#promo_popup img {
			width: auto;
			height: 200px;
		}
	}
	@media screen and (max-width:400px){
		#promo_full img {
			width: 300px;
		}
	}

/* bootstrap_popup.htm END */

/* Main Index START *************************************************************/
	:target{
		scroll-margin-top: 160px;
	}

	#greeter {
		margin-top: 66px;
	}
	#greeter h1 {
		margin-bottom: 2.5rem;
	}
	#greeter h3 {
		font-size: 1.25rem;
		line-height: 1rem;
	}
	#main_feature {
		width: 100%;
		border-radius: 15px;
		min-width: 774px;
		border: 1px solid #005573;
		background-color: #EDEDED;
		padding-bottom: 10px;
	}
	#main_feature h1 {
		color: #FFFFFF;
		background-color: #005573;
		padding: 10px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
	#main_feature h2 {
		padding: 0px 10px;
	}
	.POICTA1, .POICTA2, .POICTA3, .POICTA4 {
		margin-left: 170px;
		border: 1px solid #FFFFFF;
	}
	#main_feature img:first-child {
		margin-left: 170px;
	}
	#main_feature img:nth-child(3) {
		width:774px;
		margin-left: calc(50% - 387px);
	}
	#main_feature p {
		padding: 10px;
	}
	#main_feature span {
		color: #FFFFFF;
		font-weight: bold;
		background-color: #005573;
		border-radius: 10px;
		padding: 3px 20px 5px 20px;
		transition: 0.5s;
		margin-left: 10px;
	}
	#main_feature span:hover {
		background-color: #FFD700;
		cursor: pointer;
	}
	#main_feature a:hover {
		text-decoration: none;
	}
	.featured_arrow {
		background-color: #005573;
		color: white; 
		height: 100px;
		font-weight: bold;
		font-size: 25px;
		position: absolute;
		top: 750px;
		width: 100px;
		padding-left: 20px;
	}
	.featured_arrow:hover {
		cursor: pointer;
	}
	#week_button {
		float: right; 
		position: absolute; 
		top: 92%; 
		right: 10px;
	}
	#left_arrow {
		margin-right: -13px;
		padding-top: 30px;
		border-bottom-right-radius: 50px;
		border-top-right-radius: 50px;
	}
	#right_arrow {
		margin-left: 1009px;
		padding-top: 30px;
		border-bottom-left-radius: 50px;
		border-top-left-radius: 50px;
	}
	#apps_brief a{
		color: #005573;
	}
	#categories h3 {
		color: #005573;
	}
	#categories button {
		color: #FFFFFF;
		font-weight: bold;
		background-color: #005573;
		border-radius: 10px;
		transition: 0.5s;
	}
	#categories button:hover {
		background-color: #FFD700;
		cursor: pointer;
	}
	#greeter_carousel .carousel-caption {
		position: absolute;
		color: white;
		top: 70%;
		right: 0px;
		left: 0px;
		text-align: center;
		opacity: 0;
	}
	#greeter_carousel .carousel-caption h1, #greeter_carousel .carousel-caption h2 {
		text-shadow: 2px 2px 10px #000;
	}
	#greeter_carousel img {
		opacity: 0;
		height: 335px;
		padding: 10px 0px;
		margin-right: auto;
		margin-left: auto;
	}
	#greeter_carousel .carousel-inner {
		background-image: url("/images/sample_banner_blue2.jpg");
    	background-repeat: round;
		margin-top: 65px;
	}
	#greeter_carousel .carousel-item {
		max-height: 350px;
	}
	#greeter_carousel .carousel-control-next, #greeter_carousel .carousel-control-prev {
		width: 3%;
	}
	.category_gallery a {
		text-decoration: none;
	}
	.category_gallery p {
		background-color: #EDEDED;
		color: #005573;
		font-weight: bold;
		text-align: center;
		transition: 0.5s;
	}
	.category_gallery .col:hover p {
		color: #fff;
		background-color: rgba(0,127,172,0.75);
	}
	.category_gallery img {
		width: 100%;
	}
	#side_nav_display {
		position: fixed;
		left: 0;
		top: 399px;
		width: 50px;
		height: 300px;
		background-color: #005573;
		border-top-right-radius: 100px;
		border-bottom-right-radius: 100px;
	}
	#skip_to_content_index {
		color: #005573;
		background-color: #FFFFFF;
		padding: 10px;
		position: absolute;
		z-index: 1040;
		left: -200px;
		top: 10px;
	}
	#skip_to_content_index:focus {
		left: 10px;
	}
	.icon {
		width: 100px;
	}
	#app_matrix {
		margin-left: -15px;
		margin-right: -15px;
	}
	#app_matrix img {
		height: auto;
		width: 100%;
	}
	#app_matrix p {
		text-align: center;
		background-color: #EDEDED;
		color: #005573;
		font-weight: bold;
		padding: 2.5px;
		width: 100%;
	}
	#app_matrix a {
		text-decoration: none;
	}
	#shareLinks2 img {
		height: 30px;
	}
	#shareLinks2 {
		margin-left: -30px;
	}
	@media screen and (max-width: 1400px) {
		#featured_roulette, #categories {
			width: auto;
			max-width: 900px;
		}
		.POICTA1, .POICTA2, .POICTA3, .POICTA4 {
			margin-left: 50px;
		}
		#main_feature img:first-child {
			margin-left: 50px;
		}
		#right_arrow {
			margin-left: 770px;
		}
	}
	@media screen and (max-width: 1200px) {
		#featured_roulette {
			max-width: 740px;
		}
		#categories {
			width: auto;
			max-width: 700px;
		}
		#main_feature img:first-child {
			margin-left: 0px;
		}
		#main_feature img:nth-child(3) {
			width:100%;
			margin-left: 0px;
		}
		.featured_arrow {
			width: 50px;
			padding-left: 10px;
			top: 810px;
		}
		#left_arrow {
			height: 50px; 
			font-size: 15px;
			padding-top: 13px;
		}
		#right_arrow {
			height: 50px; 
			font-size: 15px;
			padding-top: 13px;
			margin-left: 723px;
		}
		.POICTA1, .POICTA2, .POICTA3, .POICTA4 {
			margin-left: 0px;
		}
	}
	@media screen and (max-width: 992px) {
		#main_feature {
			min-width: inherit;
		}
		#main_feature img:first-child {
			display: none;
		}
		#right_arrow {
			margin-left: 660px;
		}
		.second_main, .third_main {
			padding-top: 50px;
		}
	}
	@media screen and (max-width: 767px){
		.featured_arrow {
			top: 750px;
		}
	}
	@media screen and (max-width: 744px){
		#right_arrow {
			right: 15px;
			margin-left: 0px;
		}
	}
	@media screen and (max-width: 720px) {
		#categories {
			padding: 30px;
		}
		#app_matrix .col-xl-3 p {
			position: relative;
			width: 100%;
			transition: 0.5s;
			bottom: 0;
		}
		#first_main .col-lg-6 {
			top: -50px;
		}
		#week_button {
/*			top: 87%;*/
/*			text-align: center;*/
/*			right: 0;*/
/*			left: 0;*/
			display: none;
		}
	}
	@media screen and (max-width: 576px) {
		#main_feature h1 {
			font-size: 2rem;
		}
		#main_feature h2 {
			font-size: 1.75rem;
		}
		#featured_roulette, #categories {
			width: auto;
			max-width: 700px;
		}
		.featured_arrow {
			top: 600px;
		}
		#left_arrow {
			height: 50px; 
			font-size: 12px;
			padding-top: 13px;
			padding-left: 5px;
		}
		#right_arrow {
			height: 50px; 
			font-size: 12px;
			padding-top: 13px;
			padding-left: 8px;
		}
		#greeter_carousel img {
			width: 100%;
		}
		#greeter_carousel .carousel-caption h1 {
			font-size: 2rem;
		}
		#greeter_carousel .carousel-caption h2 {
			font-size: 1.5rem;
		}
		#greeter_carousel img {
			height: auto;
		}
	}

/* Main Index END */

/* 2018 Template START ***********************************************/

	#slider_container p {
		padding: 0px 5px;
	}
	.carousel-indicators .active {
		background-color: #FFD700;
	}
	.carousel-indicators li {
		background-color: #005573;
		height: 10px;
		width: 10px;
		border-radius: 50%;
	}
	.carousel-caption {
		color: black;
		position: relative;
		left: auto;
		right: auto;
		text-align: left;
	}
	#slider_next, #slider_prev {
		background-color: #005573;
		border-radius: 25px;
		height: 100px;
		width: 50px;
		margin-bottom: 70px;
	}
	#main_content {
		margin-top: 100px;
	}
	#main_content a {
		font-weight: bold;
		color: #005573;
	}
	#main_content a:hover {
		text-decoration: none;
	}
	#main_content .symbol {
		float: right;
		width: 100px;
	}
	#main_content ul {
		padding-left: 15px;
	}
	.link_list {
		list-style-image: url('/images/reply-arrow.png');
	}
	.request {
		border: 5px solid #FFD700;
		border-radius: 5px;
		font-weight: bold;
		padding: 10px;
		text-align: center;
		width: 200px;
		transition: background-color 1s;
	}
	.request:hover {
		background-color: #FFD700;
		cursor: pointer;
	}
	/*#parts_request_button {
		float: left;
	}
	#quote_request_button {
		float: right;
	}*/
	#specs_chart {
		border-collapse: collapse;
		width: 100%;
	}
	#specs_chart th {
		text-align: center;
		color: #FFFFFF;
		background-color: #005573;
	}
	#specs_chart td {
		width: 140px;
		text-align: center;
		padding: 5px 10px;
	}
	#specs_chart th, #specs_chart td {
		border: 1px solid black;
		border-collapse: collapse;
	}
	#specs_chart tr:nth-child(2n) {
		background-color: #ededed;
	}
	#specs_chart tr:nth-child(2n + 1) {
		background-color: #FFFFFF;
	}
	.subsection, .presssection {
		background-color: #EEEEEE;
		border: 1px solid #005573;
		#border-radius: 5px;
		margin-bottom: 5px;
	}
	.subsection h4, .presssection h4{
		background-color: #555555;
		color: #FFFFFF;
		padding: 5px;
	}
	.subsection img, .presssection img {
		width: 300px;
		padding: 10px;
		margin: auto;
		display: block;
	}
	.subsection p, .subsection h5, .subsection h6, .presssection p, .presssection h5, .presssection h6 {
		padding: 10px;
		margin: auto;
	}
	.subsection button, .presssection button {
		background-color: #555555;
		margin: 10px;
	}
	.subsection button:hover, .presssection button:hover {
		background-color: #FFD700;
	}
	.sub_section, .presssection {
		background-color: #EEEEEE;
		border: 1px solid #005573;
		#border-radius: 5px;
		margin-bottom: 5px;
	}
	.sub_section h4, .presssection h4{
		background-color: #555555;
		color: #FFFFFF;
		padding: 5px;
	}
	.sub_section img, .presssection img {
		width: 300px;
		padding: 10px;
		margin: auto;
		display: block;
	}
	.sub_section p, .sub_section h5, .sub_section h6, .presssection p, .presssection h5, .presssection h6 {
		padding: 10px;
		margin: auto;
	}
	.sub_section button, .presssection button {
		background-color: #555555;
		margin: 10px;
	}
	.sub_section button:hover, .presssection button:hover {
		background-color: #FFD700;
	}
	#sub_content h5 {
		padding: 10px;
	}
	#review_block, #press_block, #sub_content, #related_products {
		padding: 0;
	}
	#review_block h1, #review_block h5, #press_block h1, #press_block h5 {
		padding: 10px;
	}
	#review_block span, #press_block span {
		padding: 10px;
   		color: #005573;
    	font-weight: bold;
	}
	.presstab {
		border: 3px solid darkgray;
		border-radius: 0px 15px 15px 0px;
		margin: 20px 21px 20px 14px;
		filter: drop-shadow(grey 2px 2px 7px);
		opacity: 1;
		background-color: #FFFFFF;
	}
	#related_products h3 {
		text-decoration: none;
		font-size: 1.25rem;
	}
	#product_line h5 {
		color: white;
		background-color: #005573;
		padding: 5px;
	}
	#product_line h3 {
		padding: 5px;
		background-color: #005573;
		background-image: linear-gradient(-90deg, #FFFFFF, #005573);
		color: #FFFFFF;
		text-decoration: none;
	}
	#product_line h4 {
		background-color: #005573;
		color: #FFFFFF;
	}
	#product_line span {
		padding: 10px;
		display: grid;
	}
	#review_index h3 {
		text-decoration: none;
	}
	#review_index h4, #review_index h5 {
		color: black;
		text-indent: 25px;
	}
	#review_index p {
		color: black;
		text-indent: 25px;
		font-weight: normal;
	}
	#related_products span {
		position: absolute;
		text-align: center;
		bottom: -20px;
		left:15px;
		color: #FFF;
		width: 94.75%;
		transition: 0.5s;
		opacity: 0;
	}
	#related_products div div:hover span {
		display: block;
		background-color: rgba(0,127,172,0.75);
		transform: translateY(-20px);
		opacity: 1;
	}
	.side_gallery img {
		margin-bottom: 10px;
		cursor: pointer;
		transition: .5s;
	}
	.side_active,.side_gallery img:hover {
		box-shadow: 0px 0px 1px 5px rgb(0,0,0);
	}
	@media screen and (max-width:991px){
		.side_gallery {
			display: none;
		}
	}
	@media screen and (max-width:1400px){
		#slider_container, #main_content, #breadcrumb_nav, #about_triad {
			max-width: 950px;
		}
		#slider_next, #slider_prev {
			margin-bottom: 140px;
		}
	}
	@media screen and (max-width:1200px){
		#slider_container, #main_content, #about_triad {
			max-width: 700px;
		}
		#slider_next, #slider_prev {
			margin-bottom: 200px;
		}
	}
	@media screen and (max-width: 991px) {
		#image_slider {
			padding-top: 0px;
		}
		.subsection img, .presssection img {
			width: 150px;
			padding: 10px;
			margin: auto;
			display: block;
		}
	}
	@media screen and (max-width:767px){
		#slider_next, #slider_prev {
			margin-bottom: 0px;
		}
	}
	@media screen and (max-width:700px){
		#slider_next, #slider_prev {
			background-color: #005573;
			border-radius: 25px;
			height: 50px;
			width: 25px;
		}
		.request {
			width: 50%;
		}
	}
/* 2018 Template END */

/* Social Media **************************************************************/

	#shareLinks a:hover, #shareLinks2 a:hover, #socmed img:hover {
		text-decoration: none;
	}
	#shareLinks a:hover img, #shareLinks2 a:hover img, #socmed img:hover {
		background-color: #E1E1E1;
		border-radius: 50%;
	}

/* Social Media END */

/* Image Gallery START *******************************************************/

	#Gallery {
		transition: all ease-in-out 1s;
		/*display: inline-block;*/
		height: 350px;
		overflow-y:hidden;
		z-index: 50;
	}
	#Gallery h2 {
		color: #FFFFFF;
		background-color: #005573;
		border-top-left-radius: 7.5px;
		border-top-right-radius: 7.5px;
		padding: 5px;
		width: 100%;
	}
	#Gallery > img {
		margin:auto 5px;
		cursor:pointer;
	}
	.boxIt {
		position: relative;
		bottom:0px;
		left:0px;
		padding-left:20px;
		background-color: rgba(0,0,0,0,1);
		color: #000000;
		border-radius: 10px;
		overflow-y: hidden;
		margin: 20px 20px 20px -10px;
	}
	#DarkGall {
		width: 100%;
		position: relative;
		padding:20px 20px 50px 20px;
		background-color:#EDEDED;
		border:2px solid #005573;
	}
	#DarkGall a:hover {
		color:#005573;
	}
	#DarkGall > img {
		cursor: pointer;
	}
	#GallClose {
		position: absolute;
		top: 10px;
		left: calc(100% - 50px);
		background-color: red;
		font-size: 24px;
		text-align: center;
		line-height: 40px;
		color: #FFFFFF;
		font-weight: bold;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		cursor: pointer;
		display: none;
	}
	#GallR, #GallL {
		display: none;
		position: absolute;
		width: 20px;
		height: 50px;
		font-weight: bold;
		line-height: 50px;
		text-align: center;
		color: #FFFFFF;
		background-color: rgba(0,127,172,0.5);
		border-radius: 25px;
		z-index: 1;
		cursor: pointer;
	}
	#GallR {
		right: 20px;
	}
	#GallR:hover, #GallL:hover, #GallClose:hover {
		background-color: rgba(0,127,172,1);
	}
	.GallLM {
		position: absolute;
		top:10px;
		left:55%;
		width:40%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.GallApps, .GallProds {
		width: 100%;
	}
	.GallApps > *, .GallProds > * {
		display: block;
	}
	.GallFun, #GallMore {
		width: 100%;
	}
	.GallFun > * {
		display: inline-block;
		background-color: #005573;
		border: 1px solid rgba(55,55,55,0.9);
		padding:5px 10px;
		margin: 20px 5px 5px 5px;
		border-radius:5px;
		
	}
	.GallFun > *:hover {
		background-color: rgba(255,255,255,1);
		border: 1px solid rgba(25,25,25,1);
		color: #005573 !important;
	}
	.GallFun:first-child {
		margin-left:0px;
	}
	.GallFun a {
		color: white !important;
	}
	#GallMore img {
		margin:5px;
	}

/* Image Gallery END */

/* Cookie Disclaimer START ****************************************************/

	#Disclaimer {
		width: 200px;
		position: fixed;
		bottom: 5px;
		left: 15px;
		top: auto;
	}
	#Disclaimer img {
		filter: invert(255);
		width: 20px;
	}
	#Disclaimer .modal-footer {
		transition: color 1s;
		transition: background-color 1s;
	}
	#Disclaimer .modal-footer:hover {
		cursor: pointer;
		color: #FFFFFF;
		background-color: #005573;
	}
	@media screen and (max-width:991px){
		#Disclaimer {
			width: 300px;
		}
	}

/* Cookie Disclaimer END */

/* Newsletter Signup Form START ***************************************************/

	#NewsG {
		background-color: rgba(0,0,0,.5);
	}
	#NewsG a {
		text-decoration: none;
		color: #005573;
	}
	#NewsG label {
		float: left;
	}

/* Newsletter Signup Form END */

/* Videos START ******************************************************************/

	#video_list h2 {
		background-color: #005573;
		background-image: linear-gradient(-90deg, #FFFFFF, #005573);
		padding: 10px;
		color: white;
	}
	#video_tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .tab-content {
		background-color: #EDEDED;
	}
	.nav-link {
		#background-color: #E0E0E0;
		text-shadow: 0px 0px 4px #FFFFFF;
	}
	#video_tab_content {
		padding: 0px 15px;
		margin-bottom: 10px;
	}
	#video_tab_content iframe {
		max-height: 500px;
	}
	.video-title {
		background-color: #005573;
		color: #FFFFFF;
		padding: 5px 15px;
		margin-bottom: 15px;
	}
	.embed-responsive {
		max-height: 490px;
	}

/* Videos END */

/* Library & About START **********************************************************/
	
	#intro_about {
		text-align: center;
	}
	#brands h1 {
		text-align: center;
		color: #000; 
		margin: auto; 
		width: auto; 
		padding: 15px; 
		background-color: #FFFFFF; 
		font-weight: 1000;
	}
	#request_doc {
		height: 100px;
		width: 100px;
		font-weight: bold;
		border: 4px solid #FFD700;
		border-radius: 50%;
		padding-top: 20px;
		position: fixed;
		left: 40px;
		top: 375px;
		font-size: 15px;
		text-align: center;
		background-color: #FFFFFF;
		transition: 0.5s;
	}
	#request_doc:hover {
		cursor: pointer;
		background-color: #FFD700;
	}
	.accordion ul {
		list-style: none;
	}
	.accordion_arrow {
		
	}
	.accordion_arrow img {
		height: 15px;
	}
	.card-header {
		padding-left: 0px;
	}
	#doc_request_form span {
		color: red;
	}
	#link1, #link2, #link3 {
		padding: 5px;
	}
	#collage1 {
		background-image: url(/images/collage1-1.jpg);
		background-size: cover;
	}
	#collage2 {
		background-image: url(/images/collage2-2.jpg);
		background-size: cover;
	}
	#collage3 {
		background-image: url(/images/collage3-3.jpg);
		background-size: cover;
	}
	#about_triad .col {
		height: 750px;
	}
	#about_triad h2 {
		color: #FFFFFF;
		font-size: 50px;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
		font-weight: 600;
		text-align: center;
	}
	#about_triad a {
		text-decoration: none;
	}
	#map_frame iframe {
		width: 100%;
	}
	#collapseThree a {
		color: #005573;
	}
	@media screen and (max-width: 1400px) {
		#about_triad h2 {
			font-size: 40px;
		}
	}
	@media screen and (max-width: 1200px) {
		#about_triad .col {
			height: 620px;
		}
		#about_triad h2 {
			font-size: 28px;
		}
	}
	@media screen and (max-width: 991px) {
		#about_triad .col {
			height: 480px;
		}
	}
	@media screen and (max-width: 767px) {
		#about_triad .col {
			height: 350px;
		}
		#about_triad h2 {
			font-size: 21px;
			padding: 2px;
		}
	}
	@media screen and (max-width: 576px) {
		#about_triad h2 {
			font-size: 17px;
		}
		#POC h2 {
			font-size: 1.5em;
		}
	}
	@media screen and (max-width: 500px) {
		#about_triad .col {
			height: 260px;
		}
		#about_triad h2 {
			font-size: 12px;
		}
	}
	@media screen and (max-width: 400px) {
		#about_triad .col {
			height: 230px;
		}
		#about_triad h2 {
			font-size: 10px;
		}
	}
/* Library & About END*/

/* Product Stats START **********************************************************/

	#prod_stats {
		display: none;
	}
	#prod_stats p {
		font-weight: bold;
		margin-bottom: 0;
	}
	#prod_name {
		padding-left: 15px;
	}
	.prod_data {
		background-color: #EDEDED;
		width: 100%;
		border-radius: 10px;
		padding-left: 0;
		padding-right: 0;
	}
	.prod_data p {
		padding: 7px;
		border-radius: 10px;
	}
	.graph {
		height: 38px;
	}
	#volume_gauge {
		background-color: #0CF3F3;
	}
	#pressure_gauge {
		background-color: #0C79F3;
		color: white;
	}
	#horsepower_gauge {
		background-color: #A93311;
		color: white;
	}
	#BTU_gauge {
		background-color: #DC7100;
	}
	#cleaning_power {
		background-color: #FFD700;
	}
	@media screen and (max-width: 991px) {
		.graph {
			height: auto;
		}
	}
/* Product Stats END*/

/* Product Compare START *****************************************/

	#prod_compare .modal-footer span {
		margin: 0 20px;
	}
	#prod_compare .modal-body {
		height: 75vh;
	}
	#prod_compare table, #prod_compare tr, #prod_compare td, #prod_compare th {
		border: 1px solid rgba(0,0,0,.1);
		padding: 5px;
	}
	#prod_compare th {
		min-width: 325px;
		position:relative;
	}
	#prod_compare .modal-dialog {
		max-width: none;
	}
	#prod_compare tr {
		background-color: #ededed;
	}
	#prod_compare tr:nth-child(2n + 2) {
		background-color: #fff;
	}
	#compRow .card {
		min-width: auto;
		margin: 0 10px;
	}
	#filter_products img {
		width: 100%;
	}	
	#filter_products .row div {
		margin-bottom: 30px;
	}
	.compLabel {
		background-color:#005573;
		padding:0px 10px;
		box-shadow:-2px 4px grey;
		color:#FFFFFF;
		border-radius:10px;
	}
	.compLabel:hover {
		transition:0.5s all ease-in-out;
		box-shadow:none;
		cursor: pointer;
	}
	.compareBox {
		display: none;
	}
	.compareBox:checked ~ label {
		background-color:grey;
		width:94px;
		height:22px;
		border:2px 2px 0px 0px solid grey;
		box-shadow:none;
	}
	.removeComp {
		height: 15px;
		margin: 2.5px;
	}
	.removeComp2 {
		position: absolute;
    	right: 0;
	}
	.removeComp:hover {
		cursor:pointer;
	}
	@media screen and (max-width:392px){
		#specs_chart .compLabel {
			display: none;
		}
		#specs_chart .compareBox {
			display: inline;
		}
		#specs_chart td {
			padding: 5px 5px;
		}
	}

/* Product Compare END */

/* Product Ribbon START ******************************************/

	#compare_ribbon {
		display: none;
		border: 4px solid rgba(0,0,0,0.75);
		position: fixed;
		bottom: -10px;
		margin: 1.75rem auto;
		left: 0;
		right: 0;
		background-color: rgba(0,0,0,0.75);
		z-index: 1001;
		overflow-x: scroll;
    	overflow-y: auto;
		min-width: 325px;
		padding-bottom: 0;
		height: auto;
	}
	#compare_ribbon:hover {
		cursor: pointer;
	}
	#compare_ribbon p {
		text-align: center;
		margin-bottom: 0;
	}
	#compare_ribbon .card-footer {
		color: #005573;
	}
	#compare_ribbon .card-body:hover + .card-footer {
		transition: 1s;
		color: #fff;
		background-color: #005573;
	}
	#compare_ribbon button {
		margin: 5px 2.5px 5px 5px;
		background-color: #d6d6c2;
		border: none;
		color: #000;
	}
	#compare_ribbon button:hover {
		background-color: #005573;
		color: #fff;
	}
	#compare_ribbon img {
		border-radius: 7.5%;
	}
	#compare_ribbon .card-header {
		text-align: right;
		padding: 0;
	}
	#buttons_row {
		height: 45px;
	}
	#buttons_row > div {
		position: fixed;
	}

/* Product Ribbon END */

/* Product Filter START ******************************************/

	#filter_params {
		padding: 0;
	}
	#filter_params input {
		margin-right: 10px;
		height: 20px;
		width: 20px;
	}
	#filter_params li {
		list-style: none;
	}
	#filter_params h4 {
		padding-left: 15px;
	}
	@media screen and (max-width: 1400px) {
		#filter_products b {
			font-size: 13px;
		}
	}

/* Product Filter END */

/* Shopping Cart START *****************************************/

	#shopping_cart .modal-footer span {
		margin: 0 20px;
	}
	#shopping_cart .modal-body {
		height: 75vh;
	}
	#shopping_cart table, #shopping_cart tr, #shopping_cart td, #shopping_cart th {
		border: 1px solid rgba(0,0,0,.1);
		padding: 5px;
	}
	#shopping_cart th {
		min-width: 325px;
		position:relative;
	}
	#shopping_cart .modal-dialog {
		max-width: 90%;
	}
	#shopping_cart tr {
		background-color: #ededed;
	}
	#shopping_cart tr:nth-child(2n + 2) {
		background-color: #fff;
	}
	#compRow .card {
		min-width: auto;
		margin: 0 10px;
	}
	#filter_products img {
		width: 100%;
	}	
	#filter_products .row div {
		margin-bottom: 30px;
	}
	.compLabel {
		background-color:#005573;
		padding:0px 10px;
		box-shadow:-2px 4px grey;
		color:#FFFFFF;
		border-radius:10px;
	}
	.compLabel:hover {
		transition:0.5s all ease-in-out;
		box-shadow:none;
		cursor: pointer;
	}
	.compareBox {
		display: none;
	}
	.compareBox:checked ~ label {
		background-color:grey;
		width:94px;
		height:22px;
		border:2px 2px 0px 0px solid grey;
		box-shadow:none;
	}
	.removeCartItem {
		height: 15px;
		margin: 2.5px;
	}
	.removeCartItem2 {
		position: absolute;
    	right: 0;
	}
	.removeCart:hover {
		cursor:pointer;
	}
	@media screen and (max-width:392px){
		#specs_chart .compLabel {
			display: none;
		}
		#specs_chart .compareBox {
			display: inline;
		}
		#specs_chart td {
			padding: 5px 5px;
		}
	}

/* Shopping Cart END */

/* Loader START***************************************************/

.loader
	{	position:absolute;
		top:50%;
		left:50%;
		width:100px;
		height:100px;
		border:3px solid #FFFFFF;
		display:none;
		margin:-50px 0 0 -50px;
		border-radius:50%;
		transition:all ease-in-out 1s;
		animation:loading 5s infinite;
		-webkit-animation:loading 5s infinite;
	}
@keyframes loading
	{	0%
			{	border-top:1px solid #005573;
				border-bottom:1px solid #005573;
				background-color:#FFFFFF;
			}
		25%
			{	border-top:6px solid #005573;
				border-bottom:6px solid #005573;
				border-left:1px solid #005573;
				border-right:1px solid #005573;
			}
		50%
			{	border-top:3px solid #FFFFFF;
				border-bottom:3px solid #FFFFFF;
				border-left:6px solid #005573;
				border-right:6px solid #005573;
			}
		75%
			{	border-left:3px solid #FFFFFF;
				border-right:3px solid #FFFFFF;
				background-color:#005573;
			}	
		100%
			{	background-color:#FFFFFF;
				transform:rotate(900deg);
			}			
	}
@-webkit-keyframes loading
	{	0%
			{	border-top:1px solid #005573;
				border-bottom:1px solid #005573;
				background-color:#FFFFFF;
			}
		25%
			{	border-top:6px solid #005573;
				border-bottom:6px solid #005573;
				border-left:1px solid #005573;
				border-right:1px solid #005573;
			}
		50%
			{	border-top:3px solid #FFFFFF;
				border-bottom:3px solid #FFFFFF;
				border-left:6px solid #005573;
				border-right:6px solid #005573;
			}
		75%
			{	border-left:3px solid #FFFFFF;
				border-right:3px solid #FFFFFF;
				background-color:#005573;
			}	
		100%
			{	background-color:#FFFFFF;
				transform:rotate(900deg);
			}			
	}
/* Loader END */

/* Review forms START ******************************************/

	#review_modal span {
		color: red;
		font-weight: bold;
		padding: 5px 5px 5px 0;
	}
	#review_modal h5 {
		color: #005573;
	}
	#required_label {
		font-weight: bold;
		color: red;
	}
	#stars {
		padding: 10px 0px 20px;
		margin-left: -20px;
		position: relative;
	}
	.star-shape {
		position: absolute;
	}
	#stars input {
		color: gray;
		padding: 0px;
		position: absolute;
		opacity: 0;
	}
	#stars input:hover {
		cursor: pointer;
	}
	#product_name {
		height: 300px;
	}
	.checked, .checked-hover {
		color: #FFD700 !important;
	}
	.modal-body input:hover {
		cursor: pointer;
	}
	#string_container {
		overflow-wrap: break-word;
	}
	#warning {
		display: none;
	}
	#review_loader {
		border: 10px solid #f3f3f3;
		border-top: 10px solid #005573;
		border-radius: 50%;
		width: 120px;
		height: 120px;
		animation: spin 2s linear infinite;
		position: fixed;
		margin-left: calc(50% - 120px);
		margin-top: 200px;
	}
	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	.checked { 
		color: #FFD700 !important;
	}

/* Review forms END */

/* Credit.php START ********************************************/
	
	#ReviewsDiv {
		border-collapse: collapse;
		width: 100%;
		height:500px;
		overflow-y:scroll;
	}
	#Reviews {
		width:95%;
	}
	#Reviews th {
		text-align: center;
		color: #FFFFFF;
		background-color: #005573;
		font-size:10px;
	}
	#Reviews td {
		width: 140px;
		text-align: center;
		padding: 2.5px 5px;
		font-size:10px;
	}
	#Reviews th, #Reviews td {
		border: 1px solid black;
		border-collapse: collapse;
	}
	#Reviews tr:nth-child(2n) {
		background-color: #ededed;
	}
	#Reviews tr:nth-child(2n + 1) {
		background-color: #FFFFFF;
	}
	#Reviews input {
		border: 2px solid black;
	}
	#form_text {
		width: 1100px;
		height: 150px;
		margin: 0;
	}
	#preview_rating {
		padding: 10px 0px 20px;
		margin-left: -20px;
		position: relative;
	}
	#preview_rating input {
		color: gray;
		padding: 0px;
		position: absolute;
		opacity: 0;
	}
	#submit_changes {
		border-radius: 5px;
		padding: 7.5px;
		transition: box-shadow .5s;
	}
	#submit_changes:hover {
		cursor:pointer;
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	}
	.edited {
		background-color: yellow !important;
	}
/* Credit.php END */

/* Scrollspy ***************************************************/

	#sub_content {
		height: auto;
	}
	#scrollspy {
		position: fixed;
		right: 0px;
		top: 100px;
		width: 175px;
	}
	.list-group-item.active {
		background-color: #005573;
		border-color: #005573;
	}
	@media screen and (max-width: 991px) {
		#scrollspy {
			display: none;
		}
	}

/* Scrollspy END */

/* ===== Modern header compact pack ===== */
.he-modern { --he-gap: 1.25rem; --he-gap-lg: 2rem; --he-accent: #0b5b6a; }

/* Utility bar */
.he-topbar {
  background: #f8f9fa;
  font-size: .875rem;
  line-height: 1;
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding: .5rem 0;
}
.he-topbar .he-topbar-right { gap: .75rem; display: flex; align-items: center; }

/* Main navbar */
.he-navbar {
  background: #fff !important;           /* kill legacy blue */
  padding-top: .6rem;                     /* tighter */
  padding-bottom: .6rem;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
  z-index: 1030;                          /* above page content */
}
.he-navbar .navbar-brand img { width: 40px; height: 40px; }
.he-navbar .navbar-brand span { font-weight: 600; font-size: .95rem; }

/* Primary links */
.he-navlinks { gap: var(--he-gap); }
.he-navlinks .nav-link { padding: .25rem .25rem !important; font-weight: 500; }
.he-navlinks .dropdown-toggle::after { margin-left: .25rem; }

/* Dropdowns: clean, subtle */
.he-navbar .dropdown-menu {
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  border-radius: .5rem;
  padding: .35rem;
  margin-top: .35rem;
}

/* Search: fixed width, doesn’t crowd */
.he-search .input-group { max-width: 420px; }
.he-search input { height: 40px; }
.he-search .btn { height: 40px; line-height: 38px; }

/* CTA button look */
.he-cta.btn { background: #0b5b6a; border-color: #0b5b6a; }
.he-cta.btn:hover { filter: brightness(1.08); }

/* Floating “Request a Quote” (sticky on scroll) */
.he-quote-fab {
  position: fixed;
  right: 18px;
  bottom: 18px;
  border-radius: 999px;
  padding: .65rem 1.1rem;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
  z-index: 1050;
  background: #0b5b6a;
  border-color: #0b5b6a;
  transition: transform .2s ease, opacity .2s ease;
}
.he-quote-fab.is-hidden { opacity: 0; pointer-events: none; transform: translateY(8px); }

/* Keep your live search/filter layer above content but below the FAB */
#livesearch, #search_filter { z-index: 1040; }

/* Reduce crowding at xl screens: push search right, keep nav centered */
@media (min-width: 992px){
  .he-navbar .navbar-collapse { align-items: center; }
  .he-navbar .he-navlinks { margin-left: .75rem; margin-right: auto; }
  .he-search { margin-left: var(--he-gap-lg); }
}

/* Mobile polish */
@media (max-width: 991.98px){
  .he-topbar { padding: .45rem 0; }
  .he-navbar { padding-top: .45rem; padding-bottom: .45rem; }
  .he-navbar .navbar-brand span { display: none; } /* save space */
  .he-search { padding: .5rem 0; }
  .he-quote-fab { right: 14px; bottom: 14px; }
}
.presection > .row {
	padding:0px 10px 0px 10px;
}
.he-navbar .dropdown.he-mega .dropdown-menu {
  min-width: 880px;          /* roomy, tweak as needed */
  max-width: 100%;
}
@media (max-width: 991.98px) {
  .he-navbar .dropdown.he-mega .dropdown-menu {
    min-width: 100%;
  }
}
.he-navbar .dropdown-header {
  font-weight: 700;
  color: #1b1f23;
}
/* Wider Products mega-menu, centered under trigger */
.he-navbar .dropdown.he-mega .dropdown-menu{
  width: 1200px;                     /* ← make it wider */
  max-width: calc(100vw - 2rem);     /* but never exceed the viewport */
  left: 50% !important;
  right: auto !important;
  transform: translateX(-25%);
  padding: 16px 24px;
  white-space: normal;               /* allow long item text to wrap */
  z-index: 1060;                     /* above page content, below modals */
  overflow: hidden;                  /* prevents accidental horiz scrollbars */
  box-shadow: 0 12px 24px rgba(0,0,0,.12);
}

/* Tweak column gutters inside the existing layout (optional) */
.he-navbar .dropdown.he-mega .dropdown-menu .row{
  margin-left: -12px;
  margin-right: -12px;
}
.he-navbar .dropdown.he-mega .dropdown-menu [class*="col-"]{
  padding-left: 12px;
  padding-right: 12px;
}

/* Responsive fallbacks: shrink gracefully on smaller screens */
@media (max-width: 1199.98px){
  .he-navbar .dropdown.he-mega .dropdown-menu{ width: 1024px; }
}
@media (max-width: 991.98px){
  .he-navbar .dropdown.he-mega .dropdown-menu{
    width: 100vw;
    max-width: 100vw;
    border-radius: 0;                 /* full-bleed on tablets/phones */
  }
}
.he-video-hub{
  --vh-bg: #f6fafc;
  --vh-border: rgba(0,0,0,.08);
  --vh-shadow: 0 18px 38px rgba(0,0,0,.08);
  --vh-soft: rgba(0,85,115,.08);
  --vh-accent: #00113d;
  --vh-muted: #ffffff;
  --vh-radius: 14px;
  --vh-sticky-top: 84px; /* adjust if your fixed header is taller */
  background: var(--vh-bg);
  border: 1px solid var(--vh-border);
  border-radius: var(--vh-radius);
  box-shadow: var(--vh-shadow);
  padding: 1rem 1rem 1.25rem;
}

/* Player side */
.he-video-hub #he-player{
  overflow: hidden;
  border-radius: 12px;
  background: #000;
  box-shadow: 0 12px 22px rgba(0,0,0,.12);
}
.he-video-hub .he-video-meta{
  padding: .5rem .25rem 0;
}
.he-video-hub .he-video-title{
  letter-spacing: -.015em;
}
.he-video-hub .he-video-desc{
  color: #ffffff;
}

/* Rail side (thumbs) */
.he-video-hub #he-rail{
  /* Sticky rail stays in view while reading meta/description on desktop */
  position: sticky;
  top: var(--vh-sticky-top);
  align-self: flex-start;
}
@media (max-width: 991.98px){
  .he-video-hub #he-rail{
    position: static; /* disable sticky on smaller screens */
    margin-top: .5rem;
  }
}

.he-video-hub .he-rail-list{
  max-height: 70vh;       /* scrollable rail without running away */
  overflow: auto;
  margin-right: -4px;     /* optical balance with scrollbar */
  padding-right: 4px;
}

/* Optional scrollbar cosmetics (safe, unobtrusive) */
.he-video-hub .he-rail-list::-webkit-scrollbar{ width: 8px; height: 8px; }
.he-video-hub .he-rail-list::-webkit-scrollbar-thumb{
  background: var(--vh-soft); border-radius: 6px;
}
.he-video-hub .he-rail-list{ scrollbar-color: var(--vh-soft) transparent; scrollbar-width: thin; }

.he-video-hub .he-rail-item{
  border-radius: 10px;
  transition: background .12s ease, box-shadow .12s ease, transform .06s ease;
  cursor: pointer;
}
.he-video-hub .he-rail-item:hover{
  background: #fff;
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}
.he-video-hub .he-rail-item.active{
  background: #fff;
  box-shadow: 0 10px 18px rgba(0,85,115,.12);
  outline: 2px solid var(--vh-soft);
}
.he-video-hub .he-rail-item:focus{
  outline: 3px solid rgba(0,123,255,.35);
  outline-offset: 2px;
}
.he-video-hub .he-rail-title{
  line-height: 1.2;
  /* 2-line clamp for tidy titles */
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.he-video-hub .he-rail-desc{
  /* 2-line clamp for description */
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.he-video-hub .he-rail-item.active .he-rail-title{
  color: var(--vh-accent);
}

/* Thumbnails */
.he-video-hub .he-rail-item img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0,0,0,.06);
}

/* Subtle section header (if you add one later) */
.he-video-hub .he-section-title{
  font-weight: 700;
  margin: 0 0 .75rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid var(--vh-border);
}


/* Reduced motion: chill the animation */
@media (prefers-reduced-motion: reduce){
  .he-video-hub .he-rail-item{
    transition: none;
  }
}