/*
### IMANPRO STATIC SITE SCRIPT
### v.6
*/


@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: #111216;
  --theme-header-link-color1: #111216;
  --theme-header-link-color2: #f20b20;
  --theme-header-icon-color1: #f20b20; /* SVG Icon Colors */
  --theme-header-icon-color2: #000; /* SVG Icon Hover Colors */

  --theme-footer-bg: url(/assets/images/footer-black-1.jpg) no-repeat top center / cover;
  --theme-footer-bg-color: #000;
  --theme-footer-text-color: #fff;
  --theme-footer-link-color1: #ff3330;
  --theme-footer-link-color2: #fff;
  --theme-footer-icon-color1: #fff; /* SVG Icon Colors */
  --theme-footer-icon-color2: #ff3330; /* SVG Icon Hover Colors */
  --theme-footer-topborder: 0px;
	
  --theme-bg-color1: #f20b20; /* Main BG Color (Menu, Buttons, Colored Title Bars, etc) */
  --theme-bg-color1-slightdarker: #c8081a; /* For Menu Shade/Hightlight Effect */
  --theme-text-color1: #fff; /* Main Text Color (Menu, Buttons, Colored Title Bars, etc) */

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

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

  --theme-link-color1: #e20a1e; /* Main Link Color */
  --theme-link-color2: #b80617; /* Hover Link Color */

  --theme-h1-color: #000; /* H1 */
  --theme-h2-color: #e20a1e; /* H2 */
  --theme-h3-color: #e20a1e; /* H3 */  
  
  --theme-backtotop-icon-color1: #ee2220;
  --theme-backtotop-icon-color2: #ff3330;
  
  --theme-hamburger-menu-color: #000;
  
  --theme-mobile-sidebar-width: 340px;
  --theme-mobile-sidebar-offset: -340px;

  --inline-menu-color: #111216;
  --inline-menu-color-hover: #e20a1e;
  --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 */
/*##################*/


	#content { }
	.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-form { }
	.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;
		border-top: var(--theme-footer-topborder);
	}

	.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 { }
	.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-form { }
	.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: #AD2B2B; }

	.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 { margin-bottom: 10px; }
	.g-content img { max-width: 100%; }
	
	.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%; }

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

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

	.cog-button__text {
		font-family: Kanit;
		line-height: 1.15;
		letter-spacing: 0.1rem !important;
		text-transform: uppercase !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 11px !important;
		letter-spacing: 0.1rem;
	}
	.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;}	
	html .cog-header.cog-wrapper, :root:root:root:root:root .cog-header.cog-wrapper { display: none !important; }

/*##################*/
/* Imanpro 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%; }

	.center { text-align: center; }
	.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; }
		.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%);
    margin-top: 60px;	
	
	}
	.bh { margin-top:40px;display:inline-block;}


/*##################*/
/* Imanpro Form Styles (Contact Forms) */
/*##################*/

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

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

	.cog-button__text {
		font-family: Kanit;
		line-height: 1.15;
		letter-spacing: 0.1rem !important;
		text-transform: uppercase !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 11px !important;
		letter-spacing: 0.1rem;
	}
	.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;
		border: 4px solid var(--theme-bg-color1-slightdarker) !important;
		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;
		border-color: var(--theme-bg-color2-slightdarker) !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: 10px; }
	.specials-left { }
	.specials-left p { font-size: 14px; }
	.specials-right { text-align: center; }
	.specials-right img { height: 120px; }
	.specials { padding-top: 32px; }
	.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-inner { }
	.carousel-new { text-align: center; margin-top: -30px; }
	.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 { }
	.miniimage img { height: 175px; }



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


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

	.imp-small-form #imp-form-container input[type="text"], 
	.imp-small-form #imp-form-container input[type="password"], 
	.imp-small-form #imp-form-container input[type="date"], 
	.imp-small-form #imp-form-container textarea, 
	.imp-small-form #imp-form-container select,
	.imp-small-form #imp-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;
	}
	.imp-small-form #imp-form-container .button { padding: 12px 10px !important; text-align: center; }
	.imp-small-form #imp-form-container label { font-size: 14px; margin-top: 0px; margin-bottom: 0px; }
	.imp-small-form #imp-form-container textarea { height: 100px; }
	.imp-small-form #imp-form-container select { height: auto !important; }
	.imp-small-form #imp-form-container select, .imp-small-form #imp-form-container option { color: #000; }
	@media screen and (max-width: 1200px) {
		.imp-small-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; }


/*##################*/
/* EFS CREDIT BUTTON */
/*##################*/


	.efswrap {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;
	}              
	.efstrim {padding:2px 15px !important;}                                                                                     
	.efswrap:hover { border: 1px solid #1f9e0f !important; background: #24ca19 !important;}
	.efswrap:hover, .efswrap:hover .appline1, .efswrap: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);

}

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

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







/*##################*/
/* Site Specific Styles */
/*##################*/


.datepicker { padding: 0px !important; }

/* Landmark Truck Sales */

body { color: #282a2e; background: #fff; }
.fullheader { border-bottom: 1px solid #dedfe2; }
.site-header { min-height: 192px; }
.site-header > .row { min-height: 172px; }
.brand-logo-crop { width: 240px; max-width: 100%; height: 177px; overflow: hidden; }
.brand-logo-crop .logo { display: block; width: 240px; 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: #111216; font-size: 21px; font-weight: 600; letter-spacing: .03em; line-height: 1.2; }
.header-contact__phone:hover { color: #e20a1e; }
.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; }
.header-contact__location a { color: #36373a; }
.header-contact__location a:hover { color: #e20a1e; }
.minimenu-container { border-bottom: 1px solid rgba(255,255,255,.08); background: #111216; color: #fff; }
.minimenu { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .09em; }
.minimenu li a { color: #fff; }
.minimenu li a:hover { color: #e20a1e; }

.landmark-hero { position: relative; min-height: 680px; display: flex; align-items: center; overflow: hidden; background: #111 url('/assets/images/landmark-focal-1.webp') center center / cover no-repeat; }
.landmark-hero__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,6,8,.97) 0%, rgba(5,6,8,.87) 34%, rgba(5,6,8,.22) 66%, rgba(5,6,8,.08) 100%); }
.landmark-hero__content { position: relative; z-index: 1; }
.landmark-hero__copy { width: 620px; max-width: 58%; padding: 78px 0 92px; color: #fff; }
.landmark-kicker, .landmark-eyebrow { margin: 0 0 15px; color: #d99e25; font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 600; letter-spacing: .19em; text-transform: uppercase; }
.landmark-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; }
.landmark-hero h1 span { color: #f20b20; }
.landmark-hero__lede { max-width: 520px; margin: 28px 0 0; color: rgba(255,255,255,.88); font-size: 20px; line-height: 1.6; }
.landmark-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button.landmark-button { min-width: 158px; padding: 16px 25px; border: 2px solid #f20b20; border-radius: 2px; background: #f20b20; 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.landmark-button:hover { border-color: #c8081a; background: #c8081a; color: #fff; }
.button.landmark-button--outline { border-color: rgba(255,255,255,.7); background: transparent; }
.button.landmark-button--outline:hover { border-color: #fff; background: #fff; color: #111; }
.button.landmark-button--dark { border-color: #111216; background: #111216; }
.button.landmark-button--dark:hover { border-color: #fff; background: #fff; color: #111216; }
.landmark-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; }
.landmark-scroll span { color: #f7b72e; font-size: 18px; }
.landmark-scroll:hover { color: #f7b72e; }

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

.landmark-services { padding: 100px 0 110px; background: #111216; }
.landmark-section-heading { max-width: 760px; margin-bottom: 48px; }
.landmark-section-heading h2 { color: #fff; }
.landmark-service-card { position: relative; height: 100%; min-height: 410px; padding: 40px 34px 36px; border-top: 3px solid #f20b20; background: #1b1c20; color: #c8c9cc; transition: transform .2s ease, background .2s ease; }
.landmark-service-card:hover { transform: translateY(-5px); background: #202126; }
.landmark-service-card h3 { margin-bottom: 18px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 28px; font-weight: 600 !important; }
.landmark-service-card p { margin-bottom: 28px; line-height: 1.7; }
.landmark-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; }
.landmark-service-card a span { float: right; color: #f20b20; font-size: 20px; }
.landmark-service-card a:hover { color: #f7b72e; }

.landmark-why { padding: 100px 0; background: #f1f1f2; }
.landmark-why .col-lg-5 { padding-right: 65px; }
.landmark-why p:not(.landmark-eyebrow) { margin-top: 25px; font-size: 17px; line-height: 1.7; }
.landmark-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.landmark-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; }
.landmark-checklist li::before { content: '✓'; position: absolute; top: 27px; left: 22px; color: #e20a1e; font-size: 18px; font-weight: 900; }

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

.site-footer { padding: 58px 0 !important; background: #fff; color: #111216; }
.footer-logo { width: 280px; max-width: 90%; height: auto; }
.footer-tagline { margin: 16px 0 0; color: #f7b72e; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
.footer-links h3 { margin-bottom: 17px; color: #111216; 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: #e20a1e; }
.footer-contact { padding-left: 34px; border-left: 1px solid #dedfe2; }
.footer-contact__phone { color: #111216 !important; font-family: 'Oswald', sans-serif; font-size: 21px; font-weight: 600; letter-spacing: .03em; }
.footer-contact__phone:hover { color: #e20a1e !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: #e20a1e; }
.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 #e20a1e; background: #f4f4f5; }
.contact-location-item h3, .contact-map-block h3 { margin: 0 0 9px; color: #111216; 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: 179px; }
	.site-header > .row { min-height: 159px; }
	.brand-logo-crop { width: 220px; height: 162px; }
	.brand-logo-crop .logo { width: 220px; }
	.site-header .desktopmenu .nav-item > a { padding: 0 11px !important; font-size: 14px; }
	.landmark-service-card { min-height: 450px; }
}

@media screen and (max-width: 990px) {
	.site-header { min-height: 172px; }
	.site-header > .row { min-height: 152px; }
	.site-header .col-md-4 { width: 100%; max-width: 100%; flex: 0 0 100%; text-align: center !important; }
	.brand-logo-crop { width: 210px; height: 155px; margin: 0 auto; }
	.brand-logo-crop .logo { width: 210px; }
	.landmark-hero { min-height: 610px; background-position: 66% center; }
	.landmark-hero__shade { background: linear-gradient(90deg, rgba(5,6,8,.95), rgba(5,6,8,.62)); }
	.landmark-hero__copy { max-width: 78%; }
	.landmark-intro, .landmark-services, .landmark-why { padding: 75px 0; }
	.landmark-intro .col-lg-5 { padding-right: 15px; padding-bottom: 30px; border-right: 0; }
	.landmark-intro .col-lg-7 { padding-left: 15px; }
	.landmark-service-card { min-height: 0; margin-bottom: 22px; padding-bottom: 95px; }
	.landmark-why .col-lg-5 { padding-right: 15px; padding-bottom: 35px; }
	.landmark-cta__inner { display: block; }
	.landmark-cta .landmark-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) {
	.landmark-hero { min-height: 570px; background-position: 68% center; }
	.landmark-hero__shade { background: rgba(5,6,8,.77); }
	.landmark-hero__copy { max-width: 100%; padding: 62px 6px 75px; }
	.landmark-hero h1 { font-size: 62px; }
	.landmark-hero__lede { font-size: 17px; }
	.landmark-scroll { display: none; }
	.landmark-intro h2, .landmark-section-heading h2, .landmark-why h2 { font-size: 42px; }
	.landmark-intro, .landmark-services, .landmark-why { padding: 60px 0; }
	.landmark-checklist { grid-template-columns: 1fr; }
	.landmark-cta { padding: 55px 0; }
	.landmark-actions .landmark-button { width: 100%; }
	.site-footer { padding: 45px 0 !important; }
}

/* NTP warranty page */

.ntp-page { background: #fff; color: #25272b; }
.ntp-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, #071b2b 0%, #0a3150 58%, #071722 100%); color: #fff; }
.ntp-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); }
.ntp-hero .container { position: relative; z-index: 1; }
.ntp-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; }
.ntp-back-link span { color: #f7b72e; font-size: 19px; }
.ntp-back-link:hover { color: #fff; }
.ntp-combo-logo { display: block; width: 560px; max-width: 100%; height: auto; margin-bottom: 34px; }
.ntp-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; }
.ntp-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; }
.ntp-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); }
.ntp-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; }
.ntp-class-nav a:last-child { border-bottom: 0; }
.ntp-class-nav a:hover { background: rgba(255,255,255,.07); }
.ntp-class-nav strong { font-family: 'Oswald', sans-serif; font-size: 27px; font-weight: 600; letter-spacing: .01em; text-transform: uppercase; }
.ntp-class-nav span { grid-column: 1; color: rgba(255,255,255,.64); font-size: 13px; }
.ntp-class-nav b { position: absolute; top: 50%; right: 24px; color: #f7b72e; font-size: 24px; font-weight: 400; transform: translateY(-50%); }

.ntp-plans { padding: 95px 0 85px; scroll-margin-top: 20px; }
.ntp-plans--alt { background: #f2f4f6; }
.ntp-section-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 70px; align-items: end; margin-bottom: 44px; }
.ntp-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; }
.ntp-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; }
.ntp-section-heading > p { margin: 0; padding-left: 28px; border-left: 3px solid #f7b72e; color: #555b61; font-size: 15px; line-height: 1.7; }
.ntp-card-row > [class*='col-'] { margin-bottom: 24px; }
.ntp-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); }
.ntp-plan-card--featured { border-top-color: #d7282f; }
.ntp-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; }
.ntp-plan-card--featured .ntp-plan-brand { color: #c8232a; }
.ntp-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; }
.ntp-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; }
.ntp-plan-card > p:not(.ntp-plan-brand):not(.ntp-plan-tagline) { margin-bottom: 23px; color: #565d63; font-size: 14px; line-height: 1.7; }
.ntp-plan-card details { border-top: 1px solid #e0e4e7; }
.ntp-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; }
.ntp-plan-card summary::-webkit-details-marker { display: none; }
.ntp-plan-card summary::after { content: '+'; position: absolute; top: 12px; right: 0; color: #d7282f; font-family: Arial, sans-serif; font-size: 24px; font-weight: 400; }
.ntp-plan-card details[open] summary::after { content: '−'; }
.ntp-detail-body { padding: 14px 0 0; }
.ntp-detail-body ul { margin: 0; padding-left: 19px; }
.ntp-detail-body li { margin: 7px 0; color: #535a60; font-size: 13px; line-height: 1.55; text-align: left; }
.ntp-disclaimer { margin: 11px 0 0; color: #70767c; font-size: 11px; line-height: 1.6; }

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

.ntp-return { padding: 58px 0; background: #e20a1e; color: #fff; }
.ntp-return__inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.ntp-return span { font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; }
.ntp-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; }
.ntp-return__actions { display: flex; align-items: center; gap: 25px; flex: 0 0 auto; }
.ntp-return .button.landmark-button { border-color: #d99e25 !important; background: #f7b72e !important; color: #111216 !important; text-shadow: none; }
.ntp-return .button.landmark-button:hover { border-color: #fff !important; background: #fff !important; color: #111216 !important; }
.ntp-home-link { color: #fff; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.ntp-home-link:hover { color: #f7b72e; }

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

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

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