/*
### REUSABLE SITE STYLES
*/


@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@600&display=swap');


/*##################*/
/* COLOR THEME VARIABLES */
/*##################*/


:root {
	
  --theme-header-bg: #fff;
  --theme-header-bg-color: #fff;
  --theme-header-text-color: #0b4f93;
  --theme-header-link-color1: #0b4f93;
  --theme-header-link-color2: #073767;
  --theme-header-icon-color1: #073767; /* SVG Icon Colors */
  --theme-header-icon-color2: #000; /* SVG Icon Hover Colors */

  --theme-footer-bg: #fff;
  --theme-footer-bg-color: #000;
  --theme-footer-text-color: #fff;
  --theme-footer-link-color1: #58a9df;
  --theme-footer-link-color2: #fff;
  --theme-footer-icon-color1: #fff; /* SVG Icon Colors */
  --theme-footer-icon-color2: #58a9df; /* SVG Icon Hover Colors */
  --theme-footer-topborder: 0px;
	
  --theme-bg-color1: #0b4f93; /* Main BG Color (Menu, Buttons, Colored Title Bars, etc) */
  --theme-bg-color1-slightdarker: #073767; /* For Menu Shade/Hightlight Effect */
  --theme-text-color1: #fff; /* Main Text Color (Menu, Buttons, Colored Title Bars, etc) */

  --theme-bg-color2: #58a9df; /* Secondary BG Color (Hover or Active States of Above Elements) */
  --theme-bg-color2-slightdarker: #2d79b5; /* For Menu Shade/Hightlight Effect */
  --theme-text-color2: #fff; /* Secondary Text Color (Hover or Active States of Above Elements) */

  --theme-bg-color3: #031c47; /* Third BG Color (Top Menu and Copyright) */
  --theme-text-color3: #fff; /* Third Text Color (Top Menu and Copyright) */

  --theme-link-color1: #0b4f93; /* Main Link Color */
  --theme-link-color2: #58a9df; /* Hover Link Color */

  --theme-h1-color: #000; /* H1 */
  --theme-h2-color: #0b4f93; /* H2 */
  --theme-h3-color: #0b4f93; /* H3 */  
  
  --theme-backtotop-icon-color1: #2d79b5;
  --theme-backtotop-icon-color2: #58a9df;
  
  --theme-hamburger-menu-color: #000;
  
  --theme-mobile-sidebar-width: 340px;
  --theme-mobile-sidebar-offset: -340px;

  --inline-menu-color: #0b4f93;
  --inline-menu-color-hover: #58a9df;
  --inline-menu-dropdown-color: #fff;
  --inline-menu-dropdown-color-hover: #fff;
}


/*##################*/
/* CONTAINER STYLES */
/*##################*/


main { min-height: 600px; }

@media (min-width: 1340px) { .container { width: 1340px; max-width: 1340px; } }
@media (max-width: 1340px) { .container { width: 100%; max-width: 100%; } }


/*##################*/
/* BASE STYLES */
/*##################*/


html { scroll-behavior: smooth; }
html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; }
body { overflow-x: hidden; font-family: 'Roboto', sans-serif; }

a { text-decoration: none !important; color: var(--theme-link-color1); }
a:hover { color: var(--theme-link-color2); }
a[data-toggle="collapse"] { position: relative; }

h1, h2, h3, h4, h5, h6 { font-weight: 500 !important; text-transform: uppercase; }

h1 { font-size: 2.0rem; color: var(--theme-h1-color); }
h2 { font-size: 1.7rem; color: var(--theme-h2-color); }
h3 { font-size: 1.6rem; color: var(--theme-h3-color); }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.1rem; }

h1, h2, h3, h4, h5, h6 {
    font-weight: 500 !important;
    text-transform: uppercase;
    font-family: kanit;
}

ul, li { text-align: left; }

@media screen and (max-width: 990px) {
	h1 { font-size: 1.7rem; }
	h2 { font-size: 1.5rem; }
	h3 { font-size: 1.2rem; }
	h4 { font-size: 1.0rem; }
	h5 { font-size: .8rem; }
}


/*##################*/
/* LAYOUT STYLES */
/*##################*/


	.homedark { background:#222; margin: 60px -15px;border-bottom: 1px solid #fff;text-align:center; padding: 80px 0; }

	@media (max-width: 990px) {
		#content { width: 100% !important; position: relative; }
		.homedark { padding: 10px 0; }
	}


/*##################*/
/* MINI TOP MENU STYLES */
/*##################*/


	.minimenu-container { background: var(--theme-bg-color3); color: var(--theme-text-color3); z-index: 999999; }
	.minimenu { margin-right: -8px; }
	.minimenu li { display: inline-block; padding: 8px 10px; font-size: 14px; }
	.minimenu li.left { float: left; }
	.minimenu li.left:first-child { margin-left: -8px; }
	.minimenu li a { color: var(--theme-text-color3); }
	.minimenu li a:hover { color: var(--theme-text-color3); }

	@media screen and (max-width: 990px) {
		.minimenu li.left { display: none !important; }
		.minimenu { font-size: 13px !important; }
	}


/*##################*/
/* TOP BANNER STYLES */
/*##################*/


	.top-banner { background: #ffaa00; color: #000; font-weight: bold; text-align: center; }
	.top-banner-inner { padding: 10px 0; }

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


/*##################*/
/* HEADER STYLES */
/*##################*/


	.fullheader { 
	
		box-shadow: 0 1px 0 rgb(0 0 0 / 8%); 
		background: var(--theme-header-bg);
		background-color: var(--theme-header-bg-color);
		color: var(--header-text-color);
		z-index: 6;
	}

	.site-header {
		line-height: 1;
		padding: 10px 0 !important;
		z-index: 2; 
	}

	.logo { max-width: 100%; width: 160px; }

	.header-phone { font-size: 21px; font-weight: 500; text-transform: uppercase; margin: 10px 0; }
	.header-location { font-size: 16px; margin: 10px 0; line-height: 22px; }

	.header-phone, .header-location, .header-social { color: var(--theme-header-text-color); }
	.header-phone a, .header-location a, .header-social a { color: var(--theme-header-link-color1); }
	.header-phone a:hover, .header-location a:hover, .header-social a:hover { color: var(--theme-header-link-color2); }

	.header-social { margin: 10px 0; }
	.header-social li .mouseover { display: none; }
	.header-social li .normal { display: block; }
	.header-social li:hover .mouseover { display: block; }
	.header-social li:hover .normal { display: none; }

	.header-social svg {
		height: 24px;
		width: 24px;
		fill: var(--theme-header-icon-color1);
		margin: 0 3px;
	}
	.header-social svg:hover {
		fill: var(--theme-header-icon-color2);
	}

	.header-button { height: 38px; padding: 10px; float: right; width: 30%; background: var(--theme-bg-color1); color: var(--theme-text-color1); border-radius: 0px; border: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; line-height: 15px; }
	.header-button:hover { background: var(--theme-bg-color2); color: var(--theme-text-color2); }
	.header-input { width: 70%; height: 38px; padding: 10px; border-radius: 0px; border: 1px solid #bbb; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

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

	}
	@media screen and (max-width: 990px) {
		.top-menu li { margin: 0 5px !important; }
		.header-social { margin-bottom: 20px; }
	}


/*##################*/
/* FOOTER STYLES */
/*##################*/


	.site-footer { 
		text-align: center;
		background: var(--theme-footer-bg);
		background-color: var(--theme-footer-bg-color);
		color: var(--footer-text-color);
		padding: 30px 0 !important;
		overflow: hidden;
	}

	.site-footer { color: var(--theme-footer-text-color); }
	.site-footer .textlogo { font-size: 35px; font-weight: 600; color: var(--theme-footer-text-color); }
	.site-footer .textlogo a { color: var(--theme-h2-color1); }
	.site-footer .textlogo a:hover { color: var(--theme-footer-text-color); }

	.footer-phone { font-size: 1.6rem; font-weight: 500; font-family: Kanit; margin: 0 0 .5rem 0; line-height: 1.2; }
	.footer-location { font-size: 1rem; }

	.footer-phone a, .footer-location a, .footer-social a { color: var(--theme-footer-link-color1); }
	.footer-phone a:hover, .footer-location a:hover, .footer-social a:hover { color: var(--theme-footer-link-color2); }

	.footer-location a { color: var(--theme-footer-link-color2); }
	.footer-location a:hover { color: var(--theme-footer-link-color1); }

	.footer-social li .mouseover { display: none; }
	.footer-social li .normal { display: block; }
	.footer-social li:hover .mouseover { display: block; }
	.footer-social li:hover .normal { display: none; }

	.footer-social svg {
		height: 24px;
		width: 24px;
		fill: var(--theme-footer-icon-color1);
		margin: 10px 3px 3px 3px;
	}
	.footer-social svg:hover {
		fill: var(--theme-footer-icon-color2);
	}

	.footer-button { height: 38px; padding: 10px; float: right; width: 30%; background: var(--theme-bg-color1); color: var(--theme-text-color1);  border-radius: 0px; border: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; line-height: 15px; }
	.footer-button:hover { background: var(--theme-bg-color2); color: var(--theme-text-color2); }
	.footer-input { width: 70%; height: 38px; padding: 10px; border-radius: 0px; border: 1px solid #bbb; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

	.site-copyright { 
	  text-align: center;
	  background: var(--theme-bg-color3);
	  color: var(--theme-text-color3);
	  padding: 10px 0 !important;
	  font-size: 12px;
	}
	.site-copyright a { color: var(--theme-text-color3); }


/*##################*/
/* OTHER MISC LAYOUT STYLES */
/*##################*/


	.fullwidthbar1 { background: #000; color: #fff; padding: 15px 0 15px 0; text-transform: uppercase; margin: 20px -500px; }

	@media screen and (max-width: 990px) {
		.fullwidthbar1 { width: 100%; background: #000; color: #fff; padding: 15px 0 15px 0; margin: 30px 0px 0px 0px; text-transform: uppercase; }
	}




	.home-box { 
		border: 1px solid #bbb; 
		border-radius: 6px;
		background: #fff;

		-webkit-box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35) !important;
		-moz-box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35);
		box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35);
	}
	.home-box img { margin-bottom: 20px; width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; }
	.home-box p { margin: 20px; }



	.home-featured { 
		border: 1px solid #bbb; 
		margin: 30px 0px;

		-webkit-box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35) !important;
		-moz-box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35);
		box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35);
	}
	.home-featured .col-md-5 img { width: 100%; }
	.home-featured .col-md-7 { padding: 20px 20px 20px 0; }
	.home-featured table { min-width: 90%; margin: auto; border-collapse: collapse; }
	.home-featured td, .home-featured th { font-size: 13px; text-align: left; border-collapse: collapse; border: 1px solid #ddd; padding: 3px 5px; }
	.home-featured th { background: #eee; }
	.home-featured h3 { margin: 0px; }
	.home-featured-description { text-align: center; font-size: 13px; margin: 0 0 20px 0;}

	@media screen and (max-width: 990px) {
		.home-featured .col-md-7 { padding: 20px; }
		.home-featured td, .home-featured th { font-size: 12px !important; padding: 4px; }
	}
	
	.home-logos img {
		
		max-width: 110px; 
		margin: 10px;
	}


/*##################*/
/* DESKTOP MENU STYLES */
/* FOR FULL MENU BAR STYLE */
/*##################*/

	.fullmenu {
		margin-top: -1px;		
		background: linear-gradient(to bottom, var(--theme-bg-color1) 50%, var(--theme-bg-color1-slightdarker) 0%);
	}

	.desktopmenu { margin: 0px; padding: 0px; border: 0px; box-shadow: none !important; background: none !important; z-index: 2; }

	.navbar-nav { text-align: center; width: 100%; }

	.desktopmenu .nav-item {
		display: inline-block;
		height: 40px;
		line-height: 40px;
		margin: 0px;
		border-left: 1px solid #fff;
	}
	.desktopmenu .nav-item > a { 
		display: block;
		color: var(--theme-text-color1);
		padding: 0 20px !important;
		text-decoration: none;
		font-size: 13px;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.desktopmenu .noparentstyle { 
		background: var(--theme-bg-color1) !important;
		padding: 0 0 0 16px !important;
	}
	.desktopmenu .noparentstyle > a { 
		padding: 0px !important;
	}
	.desktopmenu .noparentstyle.active,
	.desktopmenu .noparentstyle:hover { 
		background: var(--theme-bg-color2) !important;
	}

	.desktopmenu .nav-item.active { 
		background: linear-gradient(to bottom, var(--theme-bg-color2) 50%, var(--theme-bg-color2-slightdarker) 0%);
		color: #fff;
		border-bottom: 0;
	}
	.desktopmenu .nav-item.active a { color: var(--theme-text-color2); }
	.desktopmenu .nav-item.active li:not(.active) a { color: var(--theme-text-color1); }
	.desktopmenu .nav-item.active li:not(.active) a:hover { color: var(--theme-text-color2); }
	.desktopmenu .nav-item.active li:not(.active):hover > a { color: var(--theme-text-color2) !important; }

	.desktopmenu .nav-item:hover { background: linear-gradient(to bottom, var(--theme-bg-color2) 50%, var(--theme-bg-color2-slightdarker) 0%); }
	.desktopmenu .nav-item:hover > a { color: var(--theme-text-color2); }
	.desktopmenu .nav-item:hover a.dropdown-item { color: var(--theme-text-color1); }
	.desktopmenu .nav-item:hover a.dropdown-item:hover { color: var(--theme-text-color2); }

	.desktopmenu .dropdown-menu { border: 0px !important; margin-top: 0px; border-radius: 0px !important; background: var(--theme-bg-color1); padding: 0; width: 240px; }
	.desktopmenu .dropdown-menu a { 
		text-decoration: none;
		font-size: 12px !important;
		text-transform: uppercase;
		color: var(--theme-text-color1)
	}
	.desktopmenu .dropdown:hover>.dropdown-menu,
	.desktopmenu .dropdown-menu:hover { display: block; }

	.desktopmenu .dropdown-menu hr { margin: 0px; padding: 0px; display:none; }
	.desktopmenu .dropdown-menu hr:last-child { display: none; }

	.desktopmenu .dropdown .nav-item {
		height: 34px !important;
		line-height: 34px !important;
	}

	.desktopmenu .dropdown-item {
		display: block;
		height: 34px;
		line-height: 34px;
		padding: 0 0 0 16px;
		border: 1px solid var(--theme-bg-color1);  
		background: var(--theme-bg-color1);
		border-bottom:0;
	}
	.desktopmenu .dropdown-item a[aria-expanded="true"]  { backgound: var(--theme-bg-color1) !important; }

	.desktopmenu .dropdown-item.active { border: 1px solid var(--theme-bg-color2);  }
	.desktopmenu .dropdown-item:hover { background: var(--theme-bg-color2-slightdarker); color: var(--theme-text-color2); }
	.desktopmenu .dropdown-item.active, .desktopmenu .dropdown-item:active { background-color: var(--theme-bg-color2-slightdarker) !important; color: var(--theme-text-color2); }

	.desktopmenu .nav-item.active .dropdown-item { 
	  color: var(--theme-text-color1);
	}
	.desktopmenu .nav-item.active .dropdown-item.active { 
	  background: var(--theme-bg-color2); color: var(--theme-text-color2);
	  border: 1px solid var(--theme-bg-color1);
	  border-bottom: 0;
	}
	.desktopmenu .nav-item .dropdown-item:hover { 
	  color: var(--theme-text-color2);
	}

	.desktopmenu .dropdown-menu .nav-item.active {

		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	.site-header .dropdown-toggle::after { display: none !important; }
	.site-header .dropdown-toggle::after {
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}

	li.nav-item.noparentstyle.dropdown, .dropdown-menu div {
		height: 34px;
		line-height: 34px;
	}

/*##################*/
/* DESKTOP MENU STYLES */
/* FOR INLINE HEADER DESKTOP MENU STYLE
/*##################*/


	.site-header .desktopmenu > ul > .nav-item { background: none !important; border: 0; }
	.site-header .desktopmenu .nav-link { color: var(--inline-menu-color); }

	.site-header .desktopmenu .nav-link a,
	.site-header .desktopmenu .nav-item > a,
	.site-header .desktopmenu .nav-link
		{ color: var(--inline-menu-color); font-weight: 500; }
		
	.site-header .desktopmenu .nav-link a:hover,
	.site-header .desktopmenu .nav-item > a:hover,
	.site-header .desktopmenu .nav-link:hover, 
	.site-header .desktopmenu .nav-item.active a:not(.dropdown-item), 
	.site-header .desktopmenu .nav-item.active a:not(.dropdown-item):active,
	.site-header .desktopmenu .nav-item:active 
		{ color: var(--inline-menu-color-hover) !important; }

	.site-header .desktopmenu .dropdown-menu .nav-link a,
	.site-header .desktopmenu .dropdown-menu .nav-item > a,
	.site-header .desktopmenu .dropdown-menu .nav-link
		{ color: var(--inline-menu-dropdown-color) !important; }

	.site-header .desktopmenu .dropdown-menu .nav-link a:hover,
	.site-header .desktopmenu .dropdown-menu .nav-item > a:hover,
	.site-header .desktopmenu .dropdown-menu .nav-link:hover, 
	.site-header .desktopmenu .dropdown-menu .nav-item.active a, 
	.site-header .desktopmenu .dropdown-menu .nav-item.active a:active,
	.site-header .desktopmenu .dropdown-menu .nav-item:active 
		{ color: var(--inline-menu-dropdown-color-hover) !important; }


/*##################*/
/* SIDEBAR MOBILE MENU STYLES */
/*##################*/

	#sidebar {
		width: var(--theme-mobile-sidebar-width);
		position: fixed;
		top: 0;
		left: var(--theme-mobile-sidebar-offset);
		height: 100vh;
		z-index: 999;
		background: #000;
		color: #fff;
		transition: all 0.3s;
		overflow-y: scroll;
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	}
	#sidebar.active { left: 0; }
	#sidebar .dropdown-item { padding: 0px 10px; }
	#sidebar .dropdown-item.active { background-color: var(--theme-bg-color1) !important; color: #fff; }
	#sidebar .sidebar-header { padding: 20px; background: var(--theme-bg-color1); }\
	#sidebar ul.components { padding: 0px; }
	#sidebar ul p { color: #fff; padding: 10px; }
	#sidebar ul li a {
		font-size: 1em;
		display: block;
		color: #fff;
		margin-bottom: 1px;
		padding: 5px;
	}
	#sidebar ul li a:hover { color: var(--theme-text-color1); background: var(--theme-bg-color1); }
	#sidebar ul li.active > a,
	#sidebar ul li.active > a[aria-expanded="true"] { color: var(--theme-text-color1); background: var(--theme-bg-color1); }
	#sidebar .dropdown-item:hover { background: var(--theme-bg-color1); }


	#dismiss {
		padding: 5px;
		text-align: center;
		position: absolute;
		color: #89b1c4;
		top: 5px;
		right: 10px;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#dismiss:hover { color: #2d79b5; }

	.overlay {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.7);
		z-index: 997;
		opacity: 0;
		transition: all 0.5s ease-in-out;
	}
	.overlay.active {
		display: block;
		opacity: 1;
	}

	.fa-arrow-left, .fa-bars { color: var(--theme-bg-color1) !important; }

	.menu-tog-button { 
		border: 0px !important; 
		z-index: 998; 
		background: none !important; 
		box-shadow: none !important; 
		position: absolute; 
		padding: 0px; 
		margin: 0px; 
		top: 0px;
		left: 9px;
		display: none;
	}

	#sidebarCollapse { fill: var(--theme-hamburger-menu-color); }

	@media screen and (max-width: 990px) {
		.menu-tog-button { display: block; transition: all 0.3s; }
		.mainmenu { display: none; }
	}


/*##################*/
/* FOCAL STYLES */
/*##################*/

	
	.focal-container { position: relative; margin-top: -1px; 
		-webkit-box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35) !important; 
		-moz-box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35); 
		box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35); 
	}
	.focal-container img { width: 100%; }

	.focal-container-ad { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 
	.focal-container-ad-overlay { width: 100%; height: 100%; background: #00000055; position: absolute; top: 0; left: 0; z-index: 4; }
	.focal-container-ad-inner { position: relative; width: 600px; padding-top: 8%; margin-left: 15%; z-index: 5; }
	
	.focal-container-ad-inner { color: #fff; text-shadow: 2px 2px 6px rgba(0,0,0,0.7); font-weight: bold; font-family: kanit; } 	
	.focal-container-ad-heading { margin: 15px 0; text-transform: uppercase; font-size: 45px; line-height: 45px; }
	.focal-container-ad-subheading { color: #f35555; margin: 15px 0; text-transform: uppercase; font-size: 32px; line-height: 32px; }
	.focal-container-ad-text { margin: 15px 0; font-size: 21px; line-height: 18px; }

	@media screen and (max-width: 990px) {
		
		.focal-container-ad { position: relative; top: auto; left: auto; } 
		.focal-container-ad-overlay { display: none; }
		.focal-container-ad-inner { width: auto; margin: 0; padding: 25px 15px !important; text-align: center; }

		.focal-container-ad-inner { color: #000; text-shadow: none; font-weight: 400; } 	
		.focal-container-ad-heading { margin: 10px 0; font-size: 25px; line-height: 25px; }
		.focal-container-ad-subheading { margin: 10px 0; font-size: 20px; line-height: 20px; }
		.focal-container-ad-text { margin: 10px 0; font-size: 16px; line-height: 16px; }

		.focal-container { position: relative; margin-top: -1px; 
			-webkit-box-shadow: none !important; 
			-moz-box-shadow: none !important; 
			box-shadow: none !important; 
		}
		.focal-container img { width: 100%; 
			-webkit-box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35) !important; 
			-moz-box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35); 
			box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35); 
		}
	}


/*##################*/
/* Warranty Styles */
/*##################*/


	.warranty-box {
		margin: 5px; padding: 10px; border: 1px solid #bbb;
	}


/*##################*/
/* Blog Styles */
/*##################*/


	.blog { padding: 10px 0 10px 0; margin-bottom: 30px; }
	.blog-img img { height: auto; width: 100%; }
	.blog-caption { margin-top: 10px; }
	.blog-caption h4 { font-size: 17px; margin: 0 0 10px 0; padding: 0px; }
	.blog-date { font-size: 14px; margin-bottom: 10px; }
	.blog-excerpt { font-size: 14px; }

	.blog-article li { padding-bottom: 10px; }


/*##################*/
/* Gantry Styles */
/*##################*/


	.g-grid { width: 100%; padding: 0px; margin: 0px; }
	.g-block { margin: 0px; padding: 0px; vertical-align: top; }
	.g-content { padding: 10px; }
	.g-content img { max-width: 100%; margin-bottom: 10px; }
	
	.size-10 { display: inline-block; width: 9.5%; }
	.size-20 { display: inline-block; width: 19.5%; }
	.size-25 { display: inline-block; width: 24.5%; }
	.size-30 { display: inline-block; width: 29.5%; }
	.size-33-3 { display: inline-block; width: 32.8%; }
	.size-40 { display: inline-block; width: 39.5%; }
	.size-50 { display: inline-block; width: 49.5%; }
	.size-60 { display: inline-block; width: 59.5%; }
	.size-70 { display: inline-block; width: 69.5%; }
	.size-80 { display: inline-block; width: 79.5%; }
	.size-90 { display: inline-block; width: 89.5%; }
	.size-100 { width: 100%; }

	#contact-form-container .size-10 { display: inline-block; width: 10%; }
	#contact-form-container .size-20 { display: inline-block; width: 20%; }
	#contact-form-container .size-25 { display: inline-block; width: 25%; }
	#contact-form-container .size-30 { display: inline-block; width: 30%; }
	#contact-form-container .size-33-3 { display: inline-block; width: 33.3%; }
	#contact-form-container .size-40 { display: inline-block; width: 40%; }
	#contact-form-container .size-50 { display: inline-block; width: 50%; }
	#contact-form-container .size-60 { display: inline-block; width: 60%; }
	#contact-form-container .size-70 { display: inline-block; width: 70%; }
	#contact-form-container .size-80 { display: inline-block; width: 80%; }
	#contact-form-container .size-90 { display: inline-block; width: 90%; }
	#contact-form-container .size-100 { width: 100%; }

	@media screen and (max-width: 990px) {
		.g-block { width: 100%; }
	}

	html .cog-header.cog-wrapper, :root:root:root:root:root .cog-header.cog-wrapper { display: none !important; }

/*##################*/
/* Legacy utility styles */
/*##################*/

	.uc { text-transform: uppercase;}
	.cap { text-transform: capitalize;}
	.blk { color: #000;}
	.wht, .white { color: #fff !important;}
	.red { color: #c40000; }
	.pa { position:absolute; }
	.pr { position:relative }
	.w100 { width: 100%; }
	.h100 { height: 100%; }

	.sepsm { height: 15px; }
	.sepmd { height: 30px; }
	.seplg { height: 45px; }
	.tar { text-align: right; }
	.tal { text-align: left; }
	.tac, .center { text-align: center; }
	

	@media screen and (max-width: 990px) {
		.tar, .tal, .tac, .center { text-align: center !important; }
		.hidden-phone { display: none !important; }
		.hidden-desktop { display: block; }
		table.hidden-desktop { display: table; }
	}
	@media screen and (min-width: 990px) {
		.hidden-desktop { display: none; }
		.hidden-phone { display: block; }
		table.hidden-phone { display: table; }
	}

	.shadow-down {
		-webkit-box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35) !important;
		-moz-box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35);
		box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35);
	}                                                                       
	.shadow-down2 {
		border: 1px solid #bbb;
		-webkit-box-shadow: 0px 4px 15px -1px rgba(0,0,0,0.35) !important;
		-moz-box-shadow: 0px 4px 15px -1px rgba(0,0,0,0.35);
		box-shadow: 0px 4px 15px -1px rgba(0,0,0,0.35);
	}                                                                       

	.bb { border-bottom:1px solid #fff; }
	.bt { border-top:1px solid #fff; 
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 35%) !important;
    -moz-box-shadow: 0px 4px 15px -1px rgba(0,0,0,0.35);
    box-shadow: 0px 4px 15px -1px rgb(0 0 0 / 35%);
	
	}
	.bh { margin-top:40px;display:inline-block;}


/*##################*/
/* Contact form styles */
/*##################*/

	#contact-form-container { margin: 20px -5px 20px -5px; }
	#contact-form-container .g-grid { margin: 0px !important; margin-top: 20px; }
	#contact-form-container .g-content { padding: 5px; }
	#contact-form-container hr { margin: 35px 0 25px 0; }

	#contact-form-container input[type="text"],
	#contact-form-container input[type="password"],
	#contact-form-container input[type="date"],
	#contact-form-container textarea,
	#contact-form-container select,
	#selector select {
		width: 100%;
		padding: 6px; 
		border: 1px solid #ccc;
		border-radius: 5px;
		color: #222;
		margin: 0px;
	}
	#contact-form-container label { margin: 0 0 8px 0; }
	#contact-form-container textarea { height: 250px; }

	.cog-button__text {
		font-family: Kanit;
		letter-spacing: 0.1rem !important;
		text-transform: uppercase !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 11px !important;
	}
	.cog-form textarea {height:120px !important;}
	.cog-form .cog-col.is-error::after {background: none !important; outline: none !important;}
	.cog-form .cog-error-message {background: none !important;padding:0 !important; margin:0 !important;color: var(--negative) !important; font-weight: 600 !important; margin-top: -2px;}
	.cog-form .cog-field {margin-top:4px !important;}
	.cog-form .cog-input, .cog-form .cog-label {padding-top:2px !important;}
	.cog-form fieldset {margin-bottom:6px !important;}	
		

/*##################*/
/* Video Embed Container Styles */
/*##################*/


	.embed-home iframe {
		width:100%;	
		height: 1070px;
	}
	.embed-container { 
		position: relative;
		padding-bottom: 56.25%;
		height: 0; overflow: 
		hidden; max-width: 100%; 
		margin-top: 15px;
		margin-bottom: 15px;
	} 
	.embed-container iframe, .embed-container object, .embed-container embed { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	}


/*##################*/
/* Default Button Styles */
/*##################*/




	.button, .cog-button, .hbtn {
		background: var(--theme-bg-color1)!important;
		padding: 12px 24px!important;
		border-radius: 5px;
		color: var(--theme-text-color1) !important;
		font-size: 16px;
		text-transform: uppercase;
		font-family: Kanit;
		text-shadow: 0 0 3px rgba(0,0,0,.5);
		display: inline-block;
	}

	.button:hover, .cog-button:hover, .hbtn:hover { 
		background: var(--theme-bg-color2)!important;
		color: var(--theme-text-color2) !important;
	}

	.hbtn { display: block; width: 100%; text-align: center; }

	.btnblack{background:#2d2d2d}
	.btnblack:hover{background:#000}
	.btnred{background:#ca0707}
	.btnred:hover{background:#e80f0f}


/*##################*/
/* Boxed Logo Styles */
/*##################*/


	.serv-logos img {
		display: inline-block!important;
		width: calc(19.5% - 12px);
		padding: 8px 16px;
		margin: 6px;
		border: 1px solid #ddd;
		border-radius: 2px;
	}
	.serv-logos {
		margin:10px -4px
	}

	@media screen and (max-width: 990px) {
		.serv-logos img { width: calc(32% - 12px); }
	}

	.serv-logos2 img {
		display: inline-block!important;
		width: calc(19.5% - 12px);
		padding: 8px 16px;
		margin: 6px;
		border: 1px solid #ddd;
		border-radius: 2px;
	}
	.serv-logos2 {
		margin:10px -4px
	}

	@media screen and (max-width: 990px) {
		.serv-logos2 img { width: calc(48% - 12px); }
	}


/*##################*/
/* Specials Styles */
/*##################*/


	.specials { border-top: 1px solid #ddd; margin-bottom: 30px; padding: 32px 10px 10px; }
	.specials-left p { font-size: 14px; }
	.specials-right { text-align: center; }
	.specials-right img { height: 120px; }
	.specials h4 { color: #000 !important; font-weight: 600 !important; }
	.specials h5 { font-size: 1.8rem !important; }


/*##################*/
/* Parallax Styles */
/*##################*/


	.parallax-window {
		min-height: 400px;
		background: transparent;
	}


/*##################*/
/* Smooth Up Button Styles */
/*##################*/


	#smoothup {
		height: 40px;
		width: 40px;
		position: fixed;
		bottom: 5px;
		right: 5px;
		-webkit-transition-duration: .4s;
		-moz-transition-duration: .4s;
		transition-duration: .4s;
		z-index: 99999!important;
		transition: transform .4s ease-in-out;
		-webkit-animation: 1s ease 0s normal forwards 1 fadeout;
		animation: 1s ease 0s normal forwards 1 fadeout;
	}

	#smoothup:hover {
		transform: rotate(360deg);
		opacity: 1;
		-webkit-animation: 1s ease 0s normal forwards 1 fadein;
		animation: 1s ease 0s normal forwards 1 fadein;
	}

	#smoothup svg {
		fill: var(--theme-backtotop-icon-color1);
	}

	#smoothup:hover svg {
		fill: var(--theme-backtotop-icon-color2);
	}

	@keyframes fadein {
		0% { opacity:.6; }
		50% { opacity:.8; }
		100% { opacity:1; }
	}

	@-webkit-keyframes fadein {
		0% { opacity:.6; }
		50% { opacity:.8; }
		100% { opacity:1; }
	}

	@keyframes fadeout {
		0% { opacity:1; }
		50% { opacity:.8; }
		100% { opacity:.6; }
	}

	@-webkit-keyframes fadeout {
		0% { opacity:1; }
		50% { opacity:.8; }
		100% { opacity:.6; }
	}


/*##################*/
/* SELECTRUCKS CAROUSEL STYLES */
/*##################*/



	.carousel-item img {
	  width:100%
	}

	.carousel-new { text-align: center; margin-top: -35px; }
	.carousel-new-inner { text-align: left; padding: 20px; width: 100%; margin: auto; }
	.carousel-new hr { margin: 1rem; }
	.carousel-new-location { text-transform: uppercase; color: rgba(35, 31, 32, 0.95); font-size: .85rem; margin: 5px 0 10px 0; text-align: center; }
	.carousel-new-title { font-size: 1rem; text-transform: uppercase; line-height: 1.1rem; margin: 20px 0 5px 0; height: 22; text-align: center; }
	.carousel-new-price { position: absolute; top: 8px; right: 18px; font-size: .8rem; color: #fff; background: #c40000; border-radius: 5px; padding: 5px; font-weight: 600; }
	.carousel-new-mileage { text-align: center; font-size: .9rem; }
	.carousel-new-stats { height: 45px; text-align: center; font-size: .8rem; }
	.carousel-control-prev, .carousel-control-next { width: 5% !important; }
	.carousel-item-inner { 
		border-radius: 10px; 
		border: 1px solid #bbb; padding: 10px; margin: 0 -5px; background: #fff; 
		-webkit-box-shadow: 0px 10px 25px -11px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 10px 25px -11px rgba(0,0,0,0.3);
		box-shadow: 0px 10px 25px -11px rgba(0,0,0,0.3);
	}
	.carousel-item-inner img { width: 100%; height: 100%; object-fit: cover; }
	.carousel-item a { color: #000; }
	.carousel-item:hover a { color: #555; }
	.carousel-item:hover .carousel-item-inner { border: 1px solid #888;  }

	/*##################*/

	.carousel-mini { text-align: center; margin-top: -30px; }
	.carousel-mini-inner { padding: 20px; width: 100%; margin: auto; }
	.carousel-mini hr { margin: 1rem; }
	.carousel-mini-location { text-transform: uppercase; color: rgba(35, 31, 32, 0.95); font-size: .85rem; margin: 5px 0 10px 0; line-height: 1rem; }
	.carousel-mini-title { font-size: 1.2rem; text-transform: uppercase; line-height: 1.3rem; margin: 0 0 10px 0; }
	.carousel-mini-price { font-size: 1rem; color: #c40000; font-weight: 600; }
	.miniimage img { height: 175px; }



/*##################*/
/* MINI CONTACT FORM STYLES */
/*##################*/


	.quick-contact-form { z-index: 999; padding: 0px; color: #fff; position: fixed; bottom: -1px; left: 1px; width: 291px; height: auto; text-align: center; }
	.quick-contact-form h3, .quick-contact-form label { margin-bottom: 10px !important; } 
	.quick-contact-form-inner { background: #00669d; }
	#quick-contact-form-link { width: 291px; height: 55px; position: absolute; bottom: 1px; background: url(/assets/images/small-contact-us.png); background-position: top center; }
	#quick-contact-form-link:hover { background-position: bottom center; }
	#quick-contact-form-link a { display: block; width: 100%; height: 100%;  }
	.quick-contact-form a { color: #fff !important; }
	.quick-contact-form a:hover { color: #bbb; }
	.quick-contact-form .button { background: #000 !important; color: #fff !important; }
	.quick-contact-form .button:hover { background: #3a9929 !important; }
	.quick-contact-form #contact-form-container { margin: 0px; display: none; padding: 10px; padding-top: 30px; }
	.quick-contact-form #quick-contact-form-close { position: absolute; top: 5px; right: 15px; display: none; }
	.quick-contact-form #quick-contact-form-close a { color: #fff; }

	.quick-contact-form #contact-form-container input[type="text"], 
	.quick-contact-form #contact-form-container input[type="password"], 
	.quick-contact-form #contact-form-container input[type="date"], 
	.quick-contact-form #contact-form-container textarea, 
	.quick-contact-form #contact-form-container select,
	.quick-contact-form #contact-form-container .button {
		font-size: 14px !important;
		line-height: 16px !important;
		width: 100%;
		padding: 9px 5px !important;
		margin-top: -3px;
		margin-bottom: -3px;
		color: #000;
	}
	.quick-contact-form #contact-form-container .button { padding: 12px 10px !important; text-align: center; }
	.quick-contact-form #contact-form-container label { font-size: 14px; margin-top: 0px; margin-bottom: 0px; }
	.quick-contact-form #contact-form-container textarea { height: 100px; }
	.quick-contact-form #contact-form-container select { height: auto !important; }
	.quick-contact-form #contact-form-container select, .quick-contact-form #contact-form-container option { color: #000; }
	@media screen and (max-width: 1200px) {
		.quick-contact-form { width: 100%; }
	}


/*##################*/
/* Misc */
/*##################*/


	.svg {
		color: rgba(255,0,0,1) !important;
		fill: rgba(255,0,0,1) !important;
		width: 20%;
		height: auto;
		margin-bottom: 20px;
	}

	.grecaptcha-badge { display: none; }

	blockquote { background: #ddd; color: #555; padding: 10px; }

	.brdr { border: 1px solid #ddd; padding: 20px;}
	.lead { font-weight: bold; }

	.table4 { width: 100%; }
	.table4 th, .table4 td { border: 1px solid #bbb; padding: 5px; }


/*##################*/
/* FINANCING BUTTON */
/*##################*/


	.finance-application {border:1px solid #aaa !important; 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%) !important; 
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important; 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e5e5e5",GradientType=0 ) !important;
	display:block;
	margin:6px 0;
	padding:13px 15px !important;
	text-align:center;
	}              
	.finance-application__inner {padding:2px 15px !important;}                                                                                     
	.finance-application:hover { border: 1px solid #1f9e0f !important; background: #24ca19 !important;}
	.finance-application:hover, .finance-application:hover .appline1, .finance-application:hover .appline3 {background: #24ca19; color:#fff;}
	.appline1,.appline2,.appline3 {display:block;color:#000;font-weight: 600;} 
	.appline1 {font-size:22px; color: #1f9e0f;} 
	.appline2 {color: #111; } 
	.appline3 {color: #1f9e0f;}
	.appno {font-size:18px;color:#000}

.prequal-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgba(34, 160, 17, 0.82);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  text-decoration: none;
  border-radius: 12px;
  padding: 13px 18px;
  border: 2px solid rgb(238 239 238);
  box-shadow: 0 4px 24px rgba(0,0,0,0.28);
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  max-width: calc(100% - 28px);
}

.prequal-badge.badge-rel {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
}

.prequal-badge:hover {
  background: rgba(34, 160, 17, 0.97);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(25, 138, 44, 0.4);
  color: #fff;
  text-decoration: none;
}

.prequal-badge:active {
  transform: translateY(0);
}

.prequal-badge__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.15);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prequal-badge__body {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  flex: 1;
}

.prequal-badge__body strong {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.prequal-badge__body small {
  font-size: 12px;
  opacity: 0.95;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.prequal-badge__arrow {
  font-size: 24px;
  opacity: 0.7;
  margin-left: 2px;
  transition: transform 0.2s, opacity 0.2s;
  flex-shrink: 0;
}

.prequal-badge:hover .prequal-badge__arrow {
  transform: translateX(3px);
  opacity: 1;
}
/*##################*/
/* OEM STYLES */
/*##################*/


.oem-box { text-align: center; border: 1px solid #bbb; margin-bottom: 30px; position: relative; padding: 1px;

	-webkit-box-shadow: 0px 10px 15px -11px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 15px -11px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 15px -11px rgba(0,0,0,0.3);
}
.oem-box:hover {

	-webkit-box-shadow: 0px 10px 20px -11px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 20px -11px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 20px -11px rgba(0,0,0,0.5);
}
.oem-box.row1 { height: 508px; }
.oem-box.row2 { height: 550px; }
.oem-box.row3 { height: 560px; }
.oem-box.row4 { height: 560px; }
.oem-box.row5 { height: 520px; }
.oem-box.eager { height: 380px; }
.oem-box h2 { font-size: 18px; text-transform: none; background: #000; color: #fff; padding: 8px; margin: 0 0 1px 0; }
.oem-box:hover h2 { background: var(--theme-bg-color1); }
.oem-box p { color:#000; padding: 20px; }
.oem-box:hover p { color: #000; }
.oem-box img { width: 100%; }
.oem-box ul { text-align: left !important; }
.oem-lmbutton { position: absolute; bottom: 20px; width: 250px; text-align: center; margin-left: -125px; }

.oem { padding-bottom: 40px; }
.oem h1, .oem h2 { text-transform: uppercase; }

@media (max-width: 959px) {
	.oem-box.row1, .oem-box.row2, .oem-box.row3, .oem-box.row4, .oem-box.row5 { height: auto; padding-bottom: 65px; }
}

.oem-trailers h1, .oem-felling-trailers h1 { margin-bottom: 20px; }

.trunorthoem li { font-size: 14px; }
table.trunorth { border-collapse: collapse; width: 100%;  }
table.trunorth h3 { font-size: 30px; font-weight: bold; }
table.trunorth th, table.trunorth td { border: 1px solid #888; padding: 8px; text-align: center; }
table.trunorth td { color: #42ad49; }
table.trunorth th { background: #42ad49; color: #fff; }
.tnlogo { max-width: 50%; margin: auto; }
.moreinfo, .trunorthoem h2 { color: #42ad49 !important; }


.new-trailer-oem table {
    border: 1px solid #dce2e9;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.new-trailer-oem h2 {
	width:100%; 
	text-transform:uppercase;
	padding-top: 25px;
	margin-top: 20px;
}
.new-trailer-oem h3 {
	text-transform:uppercase;
	
}
.new-trailer-oem h3 {
}
.new-trailer-oem h5 {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;		
}
.new-trailer-oem table, .new-trailer-oem tr, .new-trailer-oem td {
	border:none!important;
}
.new-trailer-oem td {
	text-align:left;
	vertical-align:top;
}
.new-trailer-oem ul {
margin-top: 0px;
}
.new-trailer-oem li {
	line-height: .9rem;
}


.freightliner a {
	color: #0056b3 !important;
}
.freightliner a:hover {
	color: #000 !important;
}
.freightliner .oem-colored-background {
  background-color: #b10000;
  color: #fff !important;
}
.freightliner .oem-colored-background a {
  color: #fff !important;
}
.freightliner .oem-blurb {
  color: #b10000 !important;
}
.freightliner .oem-blurb:hover {
  color: #000 !important;
}


.oem-header, .oem-subheader {
  padding: 0px;
  margin: 15px 0 15px 0;
}
.oem-header {
}
.oem-title, .closed-container-show-more {
  width: 100%;
  margin: 0px;
  padding: 5px;
  text-align: center;
}
.oem-blurb {
  text-align: center;
  margin: 5px 0 25px 0;
}
.oem-description {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: left;
  font-size: 17px !important;
}
.oem-thumb {
  width: 100%;
}
.bordered {
  border: 1px solid #bbb;
  border-bottom: 0px;
  padding: 10px;
}
.oem-title, .closed-container-show-more {
  width: 100%;
  margin: 0px;
  padding: 5px;
  text-align: center;
}
.closed-container {
  position: relative;
  height: 134px;
  overflow: hidden;
  border: 1px solid #bbb;
  border-bottom: 0px;
font-size: 13px;
}
.closed-container-fade {
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, transparent, white);
}
.closed-container-show-more {
  border: 1px solid #bbb;
  border-top: 0px;
}
.closed-container-show-more a {
  padding: 5px;
  font-size: 11px;
}
.oem-specs {
  margin-bottom: -1px;
  margin-right: -1px;
  border: 1px solid #bbb;
}
.size-40.oem-specs {
  background-color: #eceff3;
}
.oem-specs li {
  padding: 0px;
  margin: 0px;
  padding-left: 5px;
  line-height: 1.5rem !important;
  font-size: 12px;
}
.oem ul { margin-bottom: 0px; }
.oem li { line-height: 1rem; }
.oem-specs ul {
  padding: 0px !important;
  margin: 0px !important;
}
.oem-specs .spec-header {
  padding: 0px;
  padding-left: 5px !important;
  padding-right: 5px;
  margin: 0px;
  line-height: 1.5rem !important;
  font-size: 12px;
  font-weight: bold;
}
.oem-specs > li > ul > li {
  padding: 0px;
  margin: 0px;
  margin-left: 15px;
  list-style-type: none;
}
.oem-crumb {
}
.oem-crumb li {
  display: inline;
  font-size: 14px;
}

@media (max-width: 959px) {
	.oem-header, .oem-subheader, .oem-title, .oem-crumb {
		text-align: center;
	}
}


.izA, .izB, .izC{
display:block;
color:#fff !important;
padding:10px 5px;
text-align:center;
margin: 20px 0;
font-weight:normal!important;
font-size:14px!important;
}
.isu-spec{
color:#000!important;
	font-size:15px
}
.izA {
background:#000;
}
.izA:hover {
color:#648BFD!important;
}
.izB {
background:#000;
}
.izB:hover {
color:#648BFD!important;
}
.izC {
}
.izC:hover {
}

.oemblock { 
	border: 1px solid #bbb;
	border-radius: 5px;
	margin: 10px; 
	-webkit-box-shadow: 0px 4px 10px -1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 4px 10px -1px rgba(0,0,0,0.35);
    box-shadow: 0px 4px 10px -1px rgba(0,0,0,0.35);
}
.oemblock h3 { 
	margin: 0px 0 10px 0; 
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.isu-spec { font-size: 13px; padding: 20px; }



.oem-felling-trailers h2 {
	font-size:19px!important;
}
.oem-felling-trailers  p {
	color:#000
}
.oem-felling-trailers .hov:hover {
	opacity:.88!important
}
.oem-felling-trailers .hov:hover {
	color:#3b0713!important;
}

.oem-trailers table {
    width: 100%!important;
	border-collapse: none;	
	margin: 10px 0 10px 0;
}
.oem-trailers table td, .oem-trailers table th {
	border:#ccc solid 1px;
	padding:3px 5px;
	font-size: 14px;
}
.oem-trailers table td:first-child {
	background: #ddd;
	white-space: nowrap;
}
.oem-trailers table td:last-child {
	background: #fff;
}
.oem-trailers table th { 
	background: #ddd; 
	white-space: nowrap;
}
.oem-trailers h2 { text-align: center; background: var(--theme-bg-color1); color: #fff; padding: 5px 6px; }



.peterbilt-lineup h4  {
	text-align:center!important;
	margin:10px 0;
}

.peterbilt-lineup .g-block {
	padding:0 10px
}

.peterbilt-model h5 { 
	margin-top:20px;
	padding-top:5px;
	border-top:1px dotted #c0c0c0;
	color:var(--theme-bg-color1);
}
.peterbilt-model h2 { 
    background: var(--theme-bg-color1) !important;
    color: #fff!important;
    padding: 5px 6px;
	margin:20px 0;
	text-align: center;
}
.peterbilt-model h1 {
	margin:20px 0
}

.landoll-box { padding: 10px; border: 1px solid #bbb; margin-bottom: 20px; 

	-webkit-box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35) !important;
    -moz-box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35);
    box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35);

}
.landoll-box h2 {
    background: var(--theme-bg-color1) !important;
    color: #fff!important;
    padding: 5px 6px;
	margin:-10px -10px 0px -10px;
	text-align: center;
}
.landoll-box img {
	margin: 0 -10px 10px -10px;
}

.peterbilt-box { padding: 10px; border: 1px solid #bbb; margin-bottom: 20px; 

	-webkit-box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35) !important;
    -moz-box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35);
    box-shadow: 0px 4px 16px -1px rgba(0,0,0,0.35);

}

.vehicle-spec {
color:#000!important;padding-top:10px
}
	
.vehicle-xl-block h3 { background: #0b4f93; color: #fff; padding: 5px; }

.vehicle-lineup { text-align: center; }
.vehicle-lineup h3 { background: #000; color: #fff; width: 100%; text-align: center; padding: 5px; margin-bottom: 25px;}
.vehicle-lineup ul { padding: 0px; margin: 0px; margin-top: -20px; }
.vehicle-lineup li { padding: 5px; margin: 0px; list-style-type: none; border-bottom: 1px solid #888; text-align: left; }
.vehicle-lineup li div { float: right; display: inline-block; }
.vehicle-lineup img { height: 177px; margin: auto; }







/*##################*/
/* Reusable site styles */
/*##################*/


.datepicker { padding: 0px !important; }

/* Legacy dealership layout foundation */

body { color: #282a2e; background: #fff; }
.fullheader { border-bottom: 1px solid #dedfe2; }
.site-header { min-height: 165px; }
.site-header > .row { min-height: 145px; }
.brand-logo-crop { display: flex; width: 260px; max-width: 100%; min-height: 145px; align-items: center; overflow: visible; }
.brand-logo-crop .logo { display: block; width: 230px; max-width: 100%; height: auto; }
.site-header .desktopmenu { display: inline-block; width: auto; }
.site-header .navbar-nav { align-items: center; }
.site-header .desktopmenu .nav-item > a { font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 500; letter-spacing: .055em; }
.header-contact { padding: 10px 0 10px 25px; font-family: 'Oswald', sans-serif; }
.header-contact__phone { display: block; color: #073767; font-size: 29px; font-weight: 600; letter-spacing: .03em; line-height: 1.2; }
.header-contact__phone:hover { color: #0b4f93; }
.header-contact__locations { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px 14px; margin-top: 8px; }
.header-contact__location { color: #36373a; font-size: 14px; font-weight: 500; letter-spacing: .075em; text-transform: uppercase; text-align: right; }
.header-contact__location a { color: #36373a; }
.header-contact__location a:hover { color: #0b4f93; }
.minimenu-container { border-bottom: 1px solid rgba(255,255,255,.08); background: #073767; color: #fff; }
.minimenu { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .09em; }
.minimenu li a { color: #fff; }
.minimenu li a:hover { color: #58a9df; }

.dealer-hero { position: relative; min-height: 680px; display: flex; align-items: center; overflow: hidden; background: #073767 url('/assets/images/hero.webp?v=2') center center / cover no-repeat; }
.dealer-hero__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,20,52,.97) 0%, rgba(3,30,72,.88) 34%, rgba(3,30,72,.24) 66%, rgba(3,30,72,.08) 100%); }
.dealer-hero__content { position: relative; z-index: 1; }
.dealer-hero__copy { width: 820px; max-width: 58%; padding: 78px 0 92px; color: #fff; }
.dealer-kicker, .dealer-eyebrow { margin: 0 0 15px; color: #58a9df; font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 600; letter-spacing: .19em; text-transform: uppercase; }
.dealer-hero h1 { margin: 0; color: #fff; font-family: 'Oswald', sans-serif; font-size: clamp(66px, 7vw, 108px); font-weight: 700 !important; letter-spacing: -.025em; line-height: .9; text-transform: uppercase; }
.dealer-hero h1 span { color: #58a9df; }
.dealer-hero__lede { max-width: 520px; margin: 28px 0 0; color: rgba(255,255,255,.88); font-size: 20px; line-height: 1.6; }
.dealer-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button.dealer-button { min-width: 158px; padding: 16px 25px; border: 2px solid #0b4f93; border-radius: 2px; background: #0b4f93; color: #fff; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 600; letter-spacing: .08em; text-align: center; text-transform: uppercase; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.button.dealer-button:hover { border-color: #073767; background: #073767; color: #fff; }
.button.dealer-button--outline { border-color: rgba(255,255,255,.7); background: transparent; }
.button.dealer-button--outline:hover { border-color: #fff; background: #fff; color: #111; }
.button.dealer-button--dark { border-color: #073767; background: #073767; }
.button.dealer-button--dark:hover { border-color: #fff; background: #fff; color: #073767; }

.dealer-actions .button.dealer-button { border: 2px solid #0b4f93 !important; background: #0b4f93 !important; }
.dealer-actions .button.dealer-button:hover { border-color: #2d79b5 !important; background: #2d79b5 !important; }

.dealer-scroll { position: absolute; right: 38px; bottom: 28px; z-index: 2; color: #fff; font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.dealer-scroll span { color: #58a9df; font-size: 18px; }
.dealer-scroll:hover { color: #58a9df; }

.dealer-intro { padding: 105px 0; background: #fff; }
.dealer-intro h2, .dealer-section-heading h2, .dealer-why h2, .dealer-cta h2 { margin: 0; color: #073767; font-family: 'Oswald', sans-serif; font-size: clamp(42px, 5vw, 68px); font-weight: 700 !important; letter-spacing: -.02em; line-height: 1; text-transform: uppercase; }
.dealer-intro .col-lg-5 { padding-right: 55px; border-right: 1px solid #ddd; }
.dealer-intro .col-lg-7 { padding-left: 65px; }
.dealer-intro p { font-size: 17px; line-height: 1.75; }
.dealer-intro .dealer-lead { color: #073767; font-size: 24px; font-weight: 700; line-height: 1.45; }

.dealer-services { padding: 100px 0 110px; background: #073767; }
.dealer-section-heading { max-width: 1000px; margin-bottom: 48px; }
.dealer-section-heading h2 { color: #fff; }
.dealer-service-card { position: relative; height: 100%; min-height: 410px; padding: 40px 34px 36px; border-top: 3px solid #58a9df; background: #0b4f93; color: #dbe6f7; transition: transform .2s ease, background .2s ease; }
.dealer-service-card:hover { transform: translateY(-5px); background: #17639f; }
.dealer-service-card h3 { margin-bottom: 18px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 28px; font-weight: 600 !important; }
.dealer-service-card p { margin-bottom: 28px; line-height: 1.7; }
.dealer-service-card a { position: absolute; right: 34px; bottom: 32px; left: 34px; padding-top: 17px; border-top: 1px solid #34363b; color: #fff; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.dealer-service-card a span { float: right; color: #58a9df; font-size: 20px; }
.dealer-service-card a:hover { color: #58a9df; }

.dealer-why { padding: 100px 0; background: #f1f1f2; }
.dealer-why .col-lg-5 { padding-right: 65px; }
.dealer-why p:not(.dealer-eyebrow) { margin-top: 25px; font-size: 17px; line-height: 1.7; }
.dealer-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.dealer-checklist li { position: relative; min-height: 92px; padding: 27px 22px 24px 52px; border: 1px solid #d7d7da; background: #fff; color: #191a1d; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; }
.dealer-checklist li::before { content: '✓'; position: absolute; top: 27px; left: 22px; color: #0b4f93; font-size: 18px; font-weight: 900; }

.dealer-cta { padding: 70px 0; background: #0b4f93; color: #fff; }
.dealer-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.dealer-cta .dealer-eyebrow { color: #fff; opacity: .8; }
.dealer-cta h2 { max-width: 760px; color: #fff; font-size: clamp(38px, 4vw, 58px); }
.dealer-cta .dealer-actions { flex: 0 0 auto; margin-top: 0; }
.dealer-cta .button.dealer-button,
.dealer-cta .button.dealer-button--dark { border-color: #073767 !important; background: #073767 !important; color: #fff !important; text-shadow: none; }
.dealer-cta .button.dealer-button:hover,
.dealer-cta .button.dealer-button--dark:hover { border-color: #fff !important; background: #fff !important; color: #073767 !important; }

.site-footer { padding: 58px 0 !important; background: #fff; color: #073767; }
.footer-logo { width: 280px; max-width: 90%; height: auto; }
.footer-tagline { margin: 16px 0 0; color: #0b4f93; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
.footer-links h3 { margin-bottom: 17px; color: #073767; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 600 !important; letter-spacing: .04em; }
.footer-links a { display: block; margin: 9px 0; color: #45474c; }
.footer-links a:hover { color: #0b4f93; }
.footer-contact { padding-left: 34px; border-left: 1px solid #dedfe2; }
.footer-contact__phone { color: #073767 !important; font-family: 'Oswald', sans-serif; font-size: 24px; font-weight: 600; letter-spacing: .03em; }
.footer-contact__phone:hover { color: #0b4f93 !important; }
.footer-contact__locations { margin-top: 10px; }
.footer-contact__location { margin-top: 7px; color: #45474c; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .075em; text-transform: uppercase; }
.footer-contact__location a { color: #45474c; }
.footer-contact__location a:hover { color: #0b4f93; }
.site-copyright { border-top: 1px solid #24252a; background: #08090b; color: #888b91; }
.site-copyright a { color: #b8bac0; }

.contact-location-list { display: grid; grid-template-columns: 1fr; gap: 18px; margin: 28px 0; }
.contact-location-item { padding: 20px; border-left: 3px solid #0b4f93; background: #f4f4f5; }
.contact-location-item h3, .contact-map-block h3 { margin: 0 0 9px; color: #073767; font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 600 !important; text-transform: uppercase; }
.contact-location-item p { margin: 5px 0; }
.contact-map-block + .contact-map-block { margin-top: 20px; }
.contact-map-block iframe { display: block; }

@media screen and (max-width: 1100px) {
	.site-header { min-height: 150px; }
	.site-header > .row { min-height: 130px; }
	.brand-logo-crop { width: 220px; min-height: 130px; }
	.brand-logo-crop .logo { width: 210px; }
	.site-header .desktopmenu .nav-item > a { padding: 0 11px !important; font-size: 14px; }
	.dealer-service-card { min-height: 450px; }
}

@media screen and (max-width: 990px) {
	.site-header { min-height: 145px; }
	.site-header > .row { min-height: 125px; }
	.site-header .col-md-4 { width: 100%; max-width: 100%; flex: 0 0 100%; text-align: center !important; }
	.brand-logo-crop { width: 210px; min-height: 125px; margin: 0 auto; }
	.brand-logo-crop .logo { width: 195px; }
	.dealer-hero { min-height: 610px; background-position: 66% center; }
	.dealer-hero__shade { background: linear-gradient(90deg, rgba(5,6,8,.95), rgba(5,6,8,.62)); }
	.dealer-hero__copy { max-width: 78%; }
	.dealer-intro, .dealer-services, .dealer-why { padding: 75px 0; }
	.dealer-intro .col-lg-5 { padding-right: 15px; padding-bottom: 30px; border-right: 0; }
	.dealer-intro .col-lg-7 { padding-left: 15px; }
	.dealer-service-card { min-height: 0; margin-bottom: 22px; padding-bottom: 95px; }
	.dealer-why .col-lg-5 { padding-right: 15px; padding-bottom: 35px; }
	.dealer-cta__inner { display: block; }
	.dealer-cta .dealer-actions { margin-top: 28px; }
	.footer-logo { width: 270px; }
	.footer-links { margin-top: 38px; }
	.footer-contact { padding-left: 15px; border-left: 0; }
}

@media screen and (max-width: 600px) {
	.dealer-hero { min-height: 570px; background-position: 68% center; }
	.dealer-hero__shade { background: rgba(5,6,8,.77); }
	.dealer-hero__copy { max-width: 100%; padding: 62px 6px 75px; }
	.dealer-hero h1 { font-size: 62px; }
	.dealer-hero__lede { font-size: 17px; }
	.dealer-scroll { display: none; }
	.dealer-intro h2, .dealer-section-heading h2, .dealer-why h2 { font-size: 42px; }
	.dealer-intro, .dealer-services, .dealer-why { padding: 60px 0; }
	.dealer-checklist { grid-template-columns: 1fr; }
	.dealer-cta { padding: 55px 0; }
	.dealer-actions .dealer-button { width: 100%; }
	.site-footer { padding: 45px 0 !important; }
}

/* Reusable dealership brand system */
body { color: #25314a; background: #fff; font-family: 'Roboto', sans-serif; }
.main-content { overflow: hidden; }
.fullheader { border: 0 !important; background: #fff; }
.site-header { min-height: 170px; }
.site-header > .row { align-items: center !important; }
.site-header > .row > [class*="col-"] { display: flex; align-items: center; }
.site-header > .row > [class*="col-"]:first-child { justify-content: flex-start; }
.site-header > .row > [class*="col-"]:nth-child(2) { justify-content: center; }
.site-header > .row > [class*="col-"]:last-child { justify-content: flex-end; }
.brand-logo-crop { position: relative; z-index: 8; width: 225px; min-height: 150px; overflow: visible; }
.brand-logo-crop .logo { position: absolute; top: 50%; left: 0; width: 230px; max-width: none; transform: translateY(-35%); }
.desktopmenu { justify-content: center; }
.desktopmenu .navbar-nav > li > a { position: relative; padding: 18px 15px !important; color: #0b4f93 !important; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.desktopmenu .navbar-nav > li > a::after { content: ''; position: absolute; right: 15px; bottom: 10px; left: 15px; height: 2px; background: #073767; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.desktopmenu .navbar-nav > li > a:hover::after, .desktopmenu .navbar-nav > li.active > a::after { transform: scaleX(1); }
.header-contact { padding-left: 24px; border-left: 1px solid #dce1eb; }
.header-contact__phone { color: #0b4f93 !important; font-family: 'Oswald', sans-serif; font-weight: 700; }
.header-contact__location a { color: #5d6576 !important; font-size: 12px; line-height: 1.45; }
.minimenu-container { background: #090a0d; }
.minimenu a { color: #fff !important; font-family: 'Oswald', sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.minimenu a:hover { color: #b7c5f7 !important; }

.brand-kicker, .brand-eyebrow { margin: 0 0 15px; color: #fff !important; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.brand-hero { position: relative; min-height: 940px; display: flex; align-items: center; overflow: hidden; background: #073767; margin-top: -10px; }
.brand-hero__image { position: absolute; inset: 0; background: var(--brand-hero-image) 68% center / cover no-repeat; transform: scale(1.015); }


.brand-hero__content { position: relative; z-index: 1; }
.brand-hero__copy { padding: 84px 0 96px; color: #fff; }
.hero-bgb { display: inline-block; width: auto; padding: 30px; border-radius: 10px; background: #00000055; }
.brand-hero h1 { margin: 0; color: #fff; font-family: 'Oswald', sans-serif; font-size: clamp(44px, 5.3vw, 78px); font-weight: 700 !important; letter-spacing: -.035em; line-height: .94; white-space: nowrap; text-transform: uppercase; }
.brand-hero h1 span { color: #fff; text-shadow: 0px 2px 4px #000000; }
.brand-hero__copy > p:not(.brand-kicker) { max-width: 540px; margin: 27px 0 0; color: #000; font-size: 19px; line-height: 1.65; }
.brand-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button.brand-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 20px; padding: 14px 23px !important; border: 2px solid transparent !important; border-radius: 0 !important; background: #0b4f93 !important; color: #fff !important; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .09em; line-height: 1.25; text-shadow: none !important; text-transform: uppercase; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.button.brand-button:hover { border-color: #fff !important; background: #fff !important; color: #073767 !important; }
.button.brand-button--outline { border-color: transparent !important; background: transparent !important; }
.button.brand-button--outline:hover { border-color: #fff !important; background: #fff !important; }
.button.brand-button--light { border-color: #fff !important; background: #fff !important; color: #073767 !important; }
.button.brand-button--light:hover { border-color: #0b4f93 !important; background: #0b4f93 !important; color: #fff !important; }
.brand-hero .button.brand-button { border-color: transparent !important; background: #073767 !important; }
.brand-hero .button.brand-button:hover { border-color: #fff !important; background: #fff !important; color: #073767 !important; }
.brand-hero .button.brand-button--outline { border-color: transparent !important; background: #0b4f93 !important; color: #fff !important; }
.brand-hero .button.brand-button--outline:hover { border-color: transparent !important; background: #fff !important; color: #073767 !important; }

.brand-trust { position: relative; z-index: 2; margin-top: -1px; background: #073767; color: #fff; }
.brand-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.brand-trust__grid > div { display: flex; min-height: 112px; align-items: center; gap: 16px; padding: 22px 28px; border-right: 1px solid rgba(255,255,255,.22); }
.brand-trust__grid > div:last-child { border-right: 0; }
.brand-trust strong { font-family: 'Oswald', sans-serif; font-size: 38px; font-weight: 700; line-height: 1; }
.brand-trust span { color: rgba(255,255,255,.85); font-size: 12px; font-weight: 700; letter-spacing: .06em; line-height: 1.45; text-transform: uppercase; }

.brand-story { padding: 108px 0 105px; }
.brand-story h2, .brand-inventory-callout h2, .brand-finance h2, .brand-location h2, .brand-page-hero h1 { margin: 0; font-family: 'Oswald', sans-serif; font-size: clamp(44px, 5vw, 68px); font-weight: 700 !important; letter-spacing: -.025em; line-height: 1.02; text-transform: uppercase; }
.brand-story h2, .brand-inventory-callout h2, .brand-location h2 { color: #0b4f93; }
.brand-story__copy { padding-left: 55px; border-left: 4px solid #073767; }
.brand-story__copy p { color: #5d6576; font-size: 15px; line-height: 1.75; }
.brand-story__copy .brand-lead { color: #1c2944; font-size: 20px; font-weight: 500; line-height: 1.55; }
.brand-story .brand-eyebrow, .brand-contact .brand-eyebrow { color: #0b4f93 !important; }
.brand-text-link { display: inline-flex; align-items: center; gap: 14px; color: #0b4f93; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.brand-text-link:hover { color: #073767; }

.brand-why { padding: 94px 0 100px; background: #fff; }
.brand-why .brand-eyebrow { color: #0b4f93 !important; }
.brand-why h2, .brand-featured h2, .brand-affiliations h2, .brand-reviews h2 { margin: 0; color: #0b4f93; font-family: 'Oswald', sans-serif; font-size: clamp(40px, 4.5vw, 62px); font-weight: 700 !important; letter-spacing: -.025em; line-height: 1.02; text-transform: uppercase; }
.brand-why__layout { display: grid; grid-template-columns: minmax(0, 3fr) 4px minmax(320px, 2fr); align-items: center; gap: 44px; }

.brand-why__layout {
    display: grid;
    grid-template-columns: minmax(0, 3fr) 4px minmax(750px, 2fr);
    align-items: center;
    gap: 44px;
}

.brand-why__copy { margin-top: 32px; }
.brand-why__copy p { color: #4f596d; font-size: 16px; line-height: 1.8; }
.brand-why__copy p:last-child { margin-bottom: 0; color: #25314a; }
.brand-why__separator { width: 4px; height: 100%; background: #073767; }
.brand-why__media { position: relative; width: 100%; aspect-ratio: 19 / 9; overflow: hidden; }
.brand-why__media iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.brand-why--about { background: #eef2f7; }

.brand-inventory-callout { padding: 96px 0; background: #efefef; }
.brand-inventory-callout__inner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 55px; }
.brand-inventory-callout h2 { max-width: 760px; font-size: clamp(40px, 4.5vw, 62px); }
.brand-inventory-callout p:not(.brand-eyebrow) { max-width: 670px; margin: 22px 0 0; color: #626b7d; line-height: 1.7; }

.brand-featured { padding: 82px 0 72px; background: #fff; }
.brand-featured .brand-eyebrow, .brand-affiliations .brand-eyebrow, .brand-reviews .brand-eyebrow { color: #0b4f93 !important; }
.brand-featured > .container { margin-bottom: 32px; text-align: center; }
.brand-featured__empty { margin: 0 auto; padding: 25px 20px; color: #626b7d; text-align: center; }

.brand-finance { position: relative; padding: 98px 0; background: #073767; color: #fff; }
.brand-finance::after { content: attr(data-watermark); position: absolute; right: -16px; bottom: -47px; color: rgba(255,255,255,.035); font-family: 'Oswald', sans-serif; font-size: 205px; font-weight: 700; line-height: 1; pointer-events: none; }
.brand-finance .container { position: relative; z-index: 1; }
.brand-finance h2 { color: #fff; }
.brand-finance p:not(.brand-eyebrow) { max-width: 720px; margin: 22px 0 0; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.7; }
.brand-finance__action { text-align: center; }
.brand-finance__action small { display: block; margin-top: 13px; color: rgba(255,255,255,.58); font-size: 12px; }
.brand-finance .button.brand-button--light { border-color: transparent !important; background: #0b4f93 !important; color: #fff !important; }
.brand-finance .button.brand-button--light:hover { border-color: #fff !important; background: #fff !important; color: #073767 !important; }

.brand-affiliations { padding: 92px 0 96px; background: #f5f7fa; text-align: center; }
.brand-affiliations__groups { margin-top: 46px; }
.brand-affiliations__associations, .brand-affiliations__manufacturers { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px 40px; }
.brand-affiliations__associations { padding-bottom: 38px; border-bottom: 1px solid #d9e0e9; }
.brand-affiliations__manufacturers { padding-top: 38px; }
.brand-affiliations__associations img { width: auto; max-width: 290px; height: 82px; object-fit: contain; }
.brand-affiliations__manufacturers img { width: 135px; max-width: 38vw; height: 66px; object-fit: contain; }

.brand-reviews { padding: 92px 0 100px; background: #fff; }
.brand-reviews h2 { margin-bottom: 38px; font-size: clamp(21px, 3vw, 40px); white-space: nowrap; }

.brand-location { padding: 94px 0 100px; }
.brand-location__details { display: grid; grid-template-columns: 1.3fr .8fr .7fr; align-items: center; gap: 30px; margin-top: 40px; padding-top: 34px; border-top: 1px solid #dce1eb; }
.brand-location__details > a { color: #25314a; font-family: 'Oswald', sans-serif; font-size: 19px; font-weight: 500; line-height: 1.55; }
.brand-location__details > a:hover { color: #073767; }

.brand-page-hero { padding: 78px 0 70px; background: #0b4f93; color: #fff; }
.brand-page-hero h1 { color: #fff; }
.brand-page-hero p:last-child { max-width: 650px; margin: 22px 0 0; color: rgba(255,255,255,.75); font-size: 17px; line-height: 1.65; }
.brand-about { padding: 90px 0 100px; }
.brand-about__lead { color: #0b4f93; font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 500; line-height: 1.35; }
.brand-about__body { padding-left: 48px; border-left: 4px solid #073767; }
.brand-about__body p { color: #5d6576; line-height: 1.8; }
.brand-about__facts { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 70px; border-top: 1px solid #dce1eb; border-bottom: 1px solid #dce1eb; }
.brand-about__facts div { padding: 30px; border-right: 1px solid #dce1eb; }
.brand-about__facts div:last-child { border-right: 0; }
.brand-about__facts strong { display: block; color: #0b4f93; font-family: 'Oswald', sans-serif; font-size: 35px; }
.brand-about__facts span { color: #4f596d; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.brand-contact { padding: 86px 0 100px; }
.brand-contact .contact-location-list { display: grid; gap: 18px; margin-top: 32px; }
.brand-contact .contact-location-item { padding: 24px 26px; border-left: 4px solid #073767; background: #efefef; }
.brand-contact .contact-location-item h3 { color: #0b4f93; font-family: 'Oswald', sans-serif; font-size: 19px; text-transform: uppercase; }
.brand-contact .contact-map-block iframe { min-height: 440px; filter: saturate(.82) contrast(1.04); }

.brand-affiliations__manufacturers img[src$="/mack.png"] {
	transform: scale(1.25);
}

.brand-affiliations__manufacturers img[src$="/kenworth.png"] {
	transform: scale(1.9);
}

.search-h1 { color: #0b4f93; font-family: 'Oswald', sans-serif; font-size: clamp(33px, 4vw, 52px); font-weight: 700; letter-spacing: -.02em; }
.search-results, #inventory-search-form { background: #fff !important; }
.search-result-box { overflow: hidden; margin-bottom: 34px; border: 0 !important; border-top: 0 !important; background: #fff !important; box-shadow: none !important; }
.search-result-box > .row:last-child { margin: 0; }
.search-result-box > .row:last-child > [class*='col-'] { padding: 0; }
.search-info-area { padding: 0px 28px !important; }
.search-img-container img { padding-bottom: 0; }
.fntext { padding: 8px 14px; background: #0b4f93; font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.search-item-header, .search-item-header a { color: #0b4f93; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 600; line-height: 1.35; }
.search-item-header.item-price { margin-bottom: 18px !important; color: #073767; font-size: 22px; }
.search-info1 { margin-top: 4px; }
.search-section { border-radius: 0; box-shadow: none; border-top: 4px solid #0b4f93; background: #fff !important; }
.search-section h3 { font-family: 'Oswald', sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.search-section .slidebox,
#inventory-search-form .dropdown-toggle,
#inventory-search-form .dropdown-menu,
#inventory-search-form select,
#inventory-search-form input[type="text"] { background: #fff !important; }
.page-item.active .page-link { background-color: #0b4f93; border-color: #0b4f93 !important; }

.site-footer.brand-footer { padding: 62px 0 !important; background: #fff !important; color: #25314a; }
.brand-footer .footer-logo { width: 235px; max-width: 95%; }
.brand-footer__brand .center { display: flex; flex-direction: column; align-items: center; text-align: center; }
.brand-footer__brand p { max-width: 330px; margin: 18px auto 0; color: #697184; font-size: 13px; line-height: 1.65; text-align: center; }
.footer-accreditations { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 18px; }
.brand-footer .footer-accreditations img { width: auto; max-width: 120px; height: 35px; object-fit: contain; }
.footer-contact .footer-accreditations { justify-content: flex-start; margin-top: 22px; }
.brand-footer .row { align-items: flex-start !important; }
.brand-footer .footer-links h3 { margin-top: 0; color: #0b4f93; }
.brand-footer__member img { width: 260px; max-width: 100%; }
.brand-footer .footer-contact { border-left-color: #dce1eb; }
.brand-footer__finance { display: inline-block !important; margin-top: 18px !important; color: #073767 !important; font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.site-copyright { padding: 24px 15px; background: #08090b !important; }

@media screen and (max-width: 1200px) {
	.brand-logo-crop { width: 205px; }
	.brand-logo-crop .logo { width: 210px; }
	.brand-trust__grid > div { padding: 20px 17px; }
	.brand-inventory-callout__inner { grid-template-columns: 1fr; }
	.brand-inventory-callout__inner > .brand-button { justify-self: start; }
}
@media screen and (max-width: 990px) {
	.footer-contact .footer-accreditations { justify-content: center; }
	.site-header { min-height: 145px; }
	.brand-logo-crop { width: 190px; min-height: 130px; margin: 0 auto; }
	.brand-logo-crop .logo { position: static; width: 180px; max-width: 100%; transform: none; }
	.site-header > .row > [class*="col-"]:first-child,
	.site-header > .row > [class*="col-"]:last-child { justify-content: center; }
	.header-contact { border-left: 0; text-align: center; }
	.header-contact__locations { justify-content: center; }
	.brand-hero { min-height: 230px; }
	.brand-hero__image { background-position: 70% center; }
	.hero-bgb { background: #00000099; }
	.brand-trust__grid { grid-template-columns: repeat(2, 1fr); }
	.brand-trust__grid > div:nth-child(2) { border-right: 0; }
	.brand-trust__grid > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.22); }
	.brand-story__copy { margin-top: 40px; padding-left: 30px; }
	.brand-why__layout { grid-template-columns: 1fr; gap: 40px; }
	.brand-why__separator { display: none; }
	.brand-finance__action { margin-top: 35px; text-align: left; }
	.brand-location__details { grid-template-columns: 1fr 1fr; }
	.brand-location__details .brand-text-link { grid-column: 1 / -1; }
	.brand-about__body { margin-top: 35px; }
	.brand-footer .footer-links, .brand-footer .footer-contact { margin-top: 38px; }
}
@media screen and (max-width: 650px) {
	.brand-hero__copy { padding: 65px 5px 78px; }
	.brand-hero h1 { font-size: 40px; }
	.brand-hero__copy > p:not(.brand-kicker) { font-size: 16px; }
	.brand-actions { display: grid; }
	.brand-actions .brand-button { width: 100%; }
	.brand-trust__grid { grid-template-columns: 1fr; }
	.brand-trust__grid > div { min-height: 88px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.22); }
	.brand-story, .brand-why, .brand-inventory-callout, .brand-featured, .brand-finance, .brand-affiliations, .brand-reviews, .brand-location, .brand-about, .brand-contact { padding-top: 65px; padding-bottom: 65px; }
	.brand-inventory-callout__inner { display: block; }
	.brand-inventory-callout .brand-button { margin-top: 28px; }
	.brand-location__details { grid-template-columns: 1fr; }
	.brand-location__details .brand-text-link { grid-column: auto; }
	.brand-about__facts { grid-template-columns: 1fr; }
	.brand-about__facts div { border-right: 0; border-bottom: 1px solid #dce1eb; }
	.brand-about__facts div:last-child { border-bottom: 0; }
	.brand-affiliations__associations img { max-width: 230px; height: 68px; }
	.brand-affiliations__manufacturers { gap: 24px; }
	.brand-affiliations__manufacturers img { width: 110px; height: 54px; }
	.brand-page-hero { padding: 62px 0 58px; background: #0b4f93; }
}

/* Commercial vehicle protection page */

.coverage-page { background: #fff; color: #25272b; }
.coverage-hero { position: relative; overflow: hidden; padding: 44px 0 82px; background: radial-gradient(circle at 82% 12%, rgba(43, 140, 201, .28), transparent 29%), linear-gradient(135deg, #103665 0%, #1c359a 58%, #072051 100%); color: #fff; }
.coverage-hero::after { content: ''; position: absolute; right: -140px; bottom: -190px; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.025), 0 0 0 90px rgba(255,255,255,.02); }
.coverage-hero .container { position: relative; z-index: 1; }
.coverage-back-link { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 60px; color: rgba(255,255,255,.8); font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.coverage-back-link span { color: #ef233c; font-size: 19px; }
.coverage-back-link:hover { color: #fff; }
.coverage-combo-logo { display: block; width: 560px; max-width: 100%; height: auto; margin-bottom: 34px; }
.coverage-hero h1 { max-width: 760px; margin: 0; color: #fff; font-family: 'Oswald', sans-serif; font-size: clamp(43px, 5.2vw, 76px); font-weight: 700 !important; letter-spacing: -.025em; line-height: 1.02; text-transform: uppercase; }
.coverage-hero .col-lg-7 > p { max-width: 690px; margin: 25px 0 0; color: rgba(255,255,255,.82); font-size: 18px; line-height: 1.65; }
.coverage-class-nav { margin-left: 45px; padding: 12px; border: 1px solid rgba(255,255,255,.18); background: rgba(3,15,24,.38); backdrop-filter: blur(8px); }
.coverage-class-nav a { position: relative; display: grid; grid-template-columns: 1fr auto; padding: 25px 52px 25px 25px; border-bottom: 1px solid rgba(255,255,255,.13); color: #fff; }
.coverage-class-nav a:last-child { border-bottom: 0; }
.coverage-class-nav a:hover { background: rgba(255,255,255,.07); }
.coverage-class-nav strong { font-family: 'Oswald', sans-serif; font-size: 27px; font-weight: 600; letter-spacing: .01em; text-transform: uppercase; }
.coverage-class-nav span { grid-column: 1; color: rgba(255,255,255,.64); font-size: 13px; }
.coverage-class-nav b { position: absolute; top: 50%; right: 24px; color: #ef233c; font-size: 24px; font-weight: 400; transform: translateY(-50%); }

.coverage-plans { padding: 95px 0 85px; scroll-margin-top: 20px; }
.coverage-plans--alt { background: #f2f4f6; }
.coverage-section-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 70px; align-items: end; margin-bottom: 44px; }
.coverage-class-label { display: block; margin-bottom: 12px; color: #1474ae; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.coverage-section-heading h2 { margin: 0; color: #101f2b; font-family: 'Oswald', sans-serif; font-size: clamp(42px, 4.7vw, 66px); font-weight: 700 !important; letter-spacing: -.02em; line-height: 1; text-transform: uppercase; }
.coverage-section-heading > p { margin: 0; padding-left: 28px; border-left: 3px solid #d60924; color: #555b61; font-size: 15px; line-height: 1.7; }
.coverage-card-row > [class*='col-'] { margin-bottom: 24px; }
.coverage-plan-card { position: relative; height: 100%; padding: 34px 34px 30px; border: 1px solid #dce1e5; border-top: 4px solid #1474ae; background: #fff; box-shadow: 0 10px 30px rgba(12,31,46,.06); }
.coverage-plan-card--featured { border-top-color: #d7282f; }
.coverage-plan-brand { margin: 0 0 10px !important; color: #1474ae; font-family: 'Oswald', sans-serif; font-size: 11px !important; font-weight: 600; letter-spacing: .12em; line-height: 1.4 !important; text-transform: uppercase; }
.coverage-plan-card--featured .coverage-plan-brand { color: #c8232a; }
.coverage-plan-card h3 { margin: 0 0 8px; color: #102330; font-family: 'Oswald', sans-serif; font-size: 27px; font-weight: 600 !important; line-height: 1.18; text-transform: uppercase; }
.coverage-plan-tagline { margin: 0 0 20px !important; color: #bc2028; font-family: 'Oswald', sans-serif; font-size: 14px !important; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.coverage-plan-card > p:not(.coverage-plan-brand):not(.coverage-plan-tagline) { margin-bottom: 23px; color: #565d63; font-size: 14px; line-height: 1.7; }
.coverage-plan-card details { border-top: 1px solid #e0e4e7; }
.coverage-plan-card summary { position: relative; padding: 17px 30px 0 0; color: #102f45; cursor: pointer; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .08em; list-style: none; text-transform: uppercase; }
.coverage-plan-card summary::-webkit-details-marker { display: none; }
.coverage-plan-card summary::after { content: '+'; position: absolute; top: 12px; right: 0; color: #d7282f; font-family: Arial, sans-serif; font-size: 24px; font-weight: 400; }
.coverage-plan-card details[open] summary::after { content: '−'; }
.coverage-detail-body { padding: 14px 0 0; }
.coverage-detail-body ul { margin: 0; padding-left: 19px; }
.coverage-detail-body li { margin: 7px 0; color: #535a60; font-size: 13px; line-height: 1.55; text-align: left; }
.coverage-disclaimer { margin: 11px 0 0; color: #70767c; font-size: 11px; line-height: 1.6; }

.coverage-addons { padding: 86px 0 92px; background: #0c2b64; color: #fff; }
.coverage-section-heading--light h2 { color: #fff; }
.coverage-section-heading--light > p { color: rgba(255,255,255,.68); }
.coverage-addon-card { height: 100%; min-height: 190px; padding: 27px 25px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.045); }
.coverage-addon-card h3 { margin: 0 0 14px; color: #ef233c; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 600 !important; line-height: 1.25; text-transform: uppercase; }
.coverage-addon-card p { margin: 0; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.65; }

.coverage-return { padding: 58px 0; background: #d60924; color: #fff; }
.coverage-return__inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.coverage-return span { font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; }
.coverage-return h2 { margin: 5px 0 0; color: #fff; font-family: 'Oswald', sans-serif; font-size: clamp(32px, 3.5vw, 48px); font-weight: 700 !important; line-height: 1.05; text-transform: uppercase; }
.coverage-return__actions { display: flex; align-items: center; gap: 25px; flex: 0 0 auto; }
.coverage-return .button.dealer-button { border-color: #062b68 !important; background: #062b68 !important; color: #fff !important; text-shadow: none; }
.coverage-return .button.dealer-button:hover { border-color: #fff !important; background: #fff !important; color: #062b68 !important; }
.coverage-home-link { color: #fff; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.coverage-home-link:hover { color: #ef233c; }

@media screen and (max-width: 1100px) {
	.coverage-class-nav { margin-left: 10px; }
	.coverage-section-heading { gap: 38px; }
	.coverage-plan-card { padding: 30px 27px 27px; }
}

@media screen and (max-width: 990px) {
	.coverage-hero { padding: 34px 0 65px; }
	.coverage-back-link { margin-bottom: 42px; }
	.coverage-class-nav { margin: 45px 0 0; }
	.coverage-plans { padding: 72px 0 62px; }
	.coverage-section-heading { display: block; }
	.coverage-section-heading > p { margin-top: 25px; }
	.coverage-addon-card { min-height: 0; margin-bottom: 22px; }
	.coverage-return__inner { display: block; }
	.coverage-return__actions { margin-top: 28px; }
}

@media screen and (max-width: 600px) {
	.coverage-hero { padding-bottom: 52px; }
	.coverage-combo-logo { margin-bottom: 27px; }
	.coverage-hero h1 { font-size: 40px; }
	.coverage-hero .col-lg-7 > p { font-size: 16px; }
	.coverage-class-nav strong { font-size: 23px; }
	.coverage-plans, .coverage-addons { padding: 58px 0 48px; }
	.coverage-section-heading h2 { font-size: 39px; }
	.coverage-section-heading > p { padding-left: 19px; }
	.coverage-plan-card { padding: 27px 23px 24px; }
	.coverage-plan-card h3 { font-size: 24px; }
	.coverage-return { padding: 48px 0; }
	.coverage-return__actions { display: block; }
	.coverage-return .dealer-button { display: block; width: 100%; }
	.coverage-home-link { display: inline-block; margin-top: 23px; }
}

/* Reusable product warranty page */

.warranty-page {
	--warranty-accent: #97c93d;
	--warranty-accent-light: #c1d956;
	--warranty-ink: #191919;
	--warranty-charcoal: #222;
	--warranty-silver: #ccd4f1;
	--warranty-soft: #f3f4f2;
	background: #fff;
	color: var(--warranty-ink);
}

.warranty-hero { position: relative; min-height: 540px; display: flex; align-items: center; overflow: hidden; background: var(--warranty-charcoal) url('/assets/images/warranty/genuine-hero.webp') center / cover no-repeat; color: #fff; }
.warranty-hero__shade { display: none; }
.warranty-hero__content { position: relative; z-index: 1; }
.warranty-hero__copy { max-width: 830px; padding: 74px 0 82px; }
.warranty-brand { display: block; width: 310px; max-width: 78%; height: auto; margin-bottom: 40px; }
.warranty-kicker, .warranty-heading > p, .warranty-benefit__inner > div > p, .warranty-return p { margin: 0 0 12px; color: var(--warranty-accent); font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.warranty-hero h1 { max-width: 760px; margin: 0; color: var(--warranty-accent); font-family: 'Oswald', sans-serif; font-size: clamp(58px, 6vw, 94px); font-weight: 700 !important; letter-spacing: -.025em; line-height: .94; text-transform: uppercase; }
.warranty-hero__copy > p:not(.warranty-kicker) { max-width: 650px; margin: 27px 0 0; color: rgba(255,255,255,.8); font-size: 18px; line-height: 1.65; }
.warranty-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 32px; }
.warranty-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 13px 24px; border: 2px solid var(--warranty-accent); background: var(--warranty-accent); color: #111 !important; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.warranty-button:hover { border-color: var(--warranty-accent-light); background: var(--warranty-accent-light); color: #111 !important; }
.warranty-button--outline { border-color: rgba(255,255,255,.62); background: transparent; color: #fff !important; }
.warranty-button--outline:hover { border-color: #fff; background: #fff; color: #111 !important; }

.warranty-jump { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid #dfe1dc; background: #fff; box-shadow: 0 7px 20px rgba(0,0,0,.05); }
.warranty-jump .container { display: flex; justify-content: center; }
.warranty-jump a { padding: 19px 27px 17px; border-bottom: 3px solid transparent; color: #343434; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.warranty-jump a:hover { border-bottom-color: var(--warranty-accent); color: #111; }

.warranty-section { padding: 92px 0 98px; scroll-margin-top: 62px; }
.warranty-section--soft { background: var(--warranty-soft); }
.warranty-section--dark { background: var(--warranty-charcoal); color: #fff; }
.warranty-heading { max-width: 900px; margin-bottom: 44px; }
.warranty-heading h2, .warranty-benefit h2, .warranty-return h2 { margin: 0; color: var(--warranty-ink); font-family: 'Oswald', sans-serif; font-size: clamp(42px, 4.8vw, 66px); font-weight: 700 !important; letter-spacing: -.02em; line-height: 1; text-transform: uppercase; }
.warranty-heading--light h2 { color: #fff; }
.warranty-section__lead { max-width: 470px; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.75; }

.warranty-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.warranty-plan-card { position: relative; overflow: hidden; border: 1px solid #dfe2da; border-top: 5px solid var(--warranty-silver); background: var(--warranty-ink); box-shadow: 0 14px 35px rgba(0,0,0,.09); }
.warranty-plan-card--featured { border-top-color: #dedede; }
.warranty-plan-card--max { border-top-color: var(--warranty-accent); }
.warranty-plan-card__image { display: block; width: 100%; height: 240px; object-fit: cover; object-position: center 25%; opacity: .92; }
.warranty-plan-card__body { min-height: 285px; padding: 30px 30px 34px; color: #fff; }
.warranty-plan-badge { display: inline-block; margin-bottom: 13px; color: var(--warranty-accent); font-family: 'Oswald', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.warranty-plan-card h3 { margin: 0 0 15px; color: var(--warranty-silver); font-family: 'Oswald', sans-serif; font-size: 34px; font-weight: 600 !important; letter-spacing: .025em; }
.warranty-plan-card--featured h3 { color: #dedede; }
.warranty-plan-card--max h3 { color: var(--warranty-accent); }
.warranty-plan-card p { margin: 0; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.72; }

.warranty-table-wrap { overflow-x: auto; border: 1px solid rgba(255,255,255,.15); }
.warranty-term-table, .warranty-limit-table { width: 100%; margin: 0; border-collapse: collapse; }
.warranty-term-table th, .warranty-term-table td { padding: 17px 22px !important; border: 0; border-bottom: 1px solid rgba(255,255,255,.12); text-align: left; }
.warranty-term-table thead th { background: var(--warranty-accent); color: #111; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.warranty-term-table tbody td { color: rgba(255,255,255,.8); }
.warranty-term-table tbody td:first-child { color: #fff; font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 500; text-transform: uppercase; }
.warranty-term-table tbody tr:last-child td { border-bottom: 0; }

.warranty-options-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.warranty-option-card { border: 1px solid #dfe1dc; background: #fff; }
.warranty-option-card[open] { border-color: #bfd985; box-shadow: 0 10px 25px rgba(0,0,0,.06); }
.warranty-option-card summary { position: relative; display: grid; grid-template-columns: 58px 1fr 24px; align-items: center; gap: 18px; padding: 20px 22px; color: #202020; cursor: pointer; font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 600; letter-spacing: .035em; list-style: none; text-transform: uppercase; }
.warranty-option-card summary::-webkit-details-marker { display: none; }
.warranty-option-card summary::after { content: '+'; color: var(--warranty-accent); font-family: Arial, sans-serif; font-size: 25px; font-weight: 400; text-align: right; }
.warranty-option-card[open] summary::after { content: '−'; }
.warranty-option-card summary img { width: 52px; height: 52px; object-fit: contain; }
.warranty-option-card > p { margin: 0; padding: 0 24px 24px 98px; color: #5d6159; font-size: 14px; line-height: 1.7; }

.warranty-benefit { padding: 68px 0; background: var(--warranty-accent); }
.warranty-benefit__inner { display: flex; align-items: center; gap: 38px; }
.warranty-benefit__inner > img { width: 110px; height: 110px; object-fit: contain; filter: brightness(.22); }
.warranty-benefit__inner > div > p { color: #2c3818; }
.warranty-benefit h2 { font-size: clamp(38px, 4vw, 56px); }
.warranty-benefit span { display: block; max-width: 750px; margin-top: 12px; color: #263018; font-size: 16px; line-height: 1.65; }

.warranty-table-wrap--limits { border-color: #daddd5; }
.warranty-limit-table { min-width: 930px; }
.warranty-limit-table th, .warranty-limit-table td { padding: 15px 17px !important; border: 1px solid #dfe1dc; text-align: left; vertical-align: middle; }
.warranty-limit-table thead th { background: var(--warranty-ink); color: #fff; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; line-height: 1.4; text-transform: uppercase; }
.warranty-limit-table thead th:first-child { background: var(--warranty-accent); color: #111; }
.warranty-limit-table tbody th { width: 25%; background: #eff1ec; color: #292929; font-weight: 600; }
.warranty-limit-table tbody td { color: #52564f; font-size: 13px; }
.warranty-limit-table tbody tr:nth-child(even) td { background: #fafbf9; }
.warranty-disclaimer { margin: 27px 0 0; padding: 20px 23px; border-left: 4px solid var(--warranty-accent); background: #f3f4f2; color: #5a5e56; font-size: 12px; line-height: 1.65; }
.warranty-disclaimer a { color: #567f13; font-weight: 700; }

.warranty-return { padding: 65px 0; background: var(--warranty-ink); color: #fff; }
.warranty-return__inner { display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.warranty-return h2 { max-width: 800px; color: #fff; font-size: clamp(36px, 4vw, 54px); }
.warranty-return .warranty-actions { flex: 0 0 auto; margin-top: 0; }
.warranty-text-link { color: #fff !important; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.warranty-text-link:hover { color: var(--warranty-accent) !important; }

@media screen and (max-width: 1100px) {
	.warranty-plan-card__body { min-height: 320px; padding: 27px 25px 30px; }
	.warranty-option-card summary { grid-template-columns: 50px 1fr 22px; gap: 14px; padding: 18px; }
	.warranty-option-card summary img { width: 46px; height: 46px; }
	.warranty-option-card > p { padding: 0 20px 22px 82px; }
}

@media screen and (max-width: 990px) {
	.warranty-hero { min-height: 500px; }
	.warranty-hero__copy { padding: 62px 0 70px; }
	.warranty-jump { position: static; }
	.warranty-jump .container { justify-content: flex-start; overflow-x: auto; }
	.warranty-jump a { flex: 0 0 auto; }
	.warranty-section { padding: 72px 0 76px; }
	.warranty-plan-grid { grid-template-columns: 1fr; }
	.warranty-plan-card { display: grid; grid-template-columns: minmax(220px, .75fr) 1fr; }
	.warranty-plan-card__image { height: 100%; min-height: 300px; }
	.warranty-plan-card__body { min-height: 0; }
	.warranty-section--dark .col-lg-7 { margin-top: 35px; }
	.warranty-return__inner { display: block; }
	.warranty-return .warranty-actions { margin-top: 28px; }
}

@media screen and (max-width: 700px) {
	.warranty-hero { min-height: 510px; background-position: 64% center; }
	.warranty-brand { width: 250px; margin-bottom: 30px; }
	.warranty-hero h1 { font-size: 50px; }
	.warranty-hero__copy > p:not(.warranty-kicker) { font-size: 16px; }
	.warranty-actions { display: grid; }
	.warranty-button { width: 100%; }
	.warranty-jump a { padding: 16px 18px 14px; }
	.warranty-heading h2 { font-size: 40px; }
	.warranty-plan-card { display: block; }
	.warranty-plan-card__image { height: 230px; min-height: 0; }
	.warranty-plan-card__body { padding: 25px 22px 28px; }
	.warranty-options-grid { grid-template-columns: 1fr; }
	.warranty-option-card summary { grid-template-columns: 46px 1fr 20px; font-size: 15px; }
	.warranty-option-card > p { padding-left: 18px; }
	.warranty-benefit__inner { display: block; }
	.warranty-benefit__inner > img { width: 85px; height: 85px; margin-bottom: 20px; }
	.warranty-benefit h2 { font-size: 39px; }
	.warranty-return { padding: 52px 0; }
}
@media screen and (max-width: 990px) {
    .header-contact {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .header-contact__locations,
    .header-contact__location {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .fullheader > .tal {
        left: 0 !important;
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center !important;
    }
}