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


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

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

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

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

  --theme-link-color1: #0e3789; /* Main Link Color */
  --theme-link-color2: #0e2779; /* Hover Link Color */

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

  --inline-menu-color: #000;
  --inline-menu-color-hover: #2d58b1;
}


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


main { min-height: 650px; }

@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: 1.7rem; color: var(--theme-h1-color); }
h2 { font-size: 1.5rem; color: var(--theme-h2-color); }
h3 { font-size: 1.3rem; color: var(--theme-h3-color); }
h4 { font-size: 1.1rem; }
h5 { font-size: 1.0rem; }

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);
	}

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

	.logo { max-height: 90px; }

	.header-phone { font-size: 25px; 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: 32px;
		width: 32px;
		fill: var(--theme-header-icon-color1);
		margin: 0 3px;
	}
	.header-social svg:hover {
		fill: var(--theme-header-icon-color2);
	}

	.header-form { margin-top: 10px; }
	.header-button { width: 100%; height: 38px; padding: 10px;  background: #fff; color: #000; border: 2px solid #f2f2f2; border-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin-left: -5px; }
	.header-button:hover { background: #0e3789; color: #fff; border: 2px solid #0e3789; }
	.header-input { width: 70%; height: 38px; padding: 10px; border-radius: 0px; border: 2px solid #f2f2f2; 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; }
		.site-header .logo { 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: 10px 0 !important;
		overflow: hidden;
		border-top: var(--theme-footer-topborder);
	}

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

	.footer-phone { font-size: 25px; font-weight: 500; margin-top: 15px; }
	.footer-location { font-size: 19px; margin: 10px 0;}

	.footer-phone, .footer-location, .footer-social { color: var(--theme-footer-text-color); }
	.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-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: 32px;
		width: 32px;
		fill: var(--theme-footer-icon-color1);
		margin: 10px 3px 3px 3px;
	}
	.footer-social svg:hover {
		fill: var(--theme-footer-icon-color2);
	}

	.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-featured2 { 
		margin: 25px 0 35px 0;
	}
	.home-featured2 .col-md-5 img { width: 100%; }
	.home-featured2 .col-md-7 { }
	.home-featured2 table { min-width: 100%; margin: auto; border-collapse: collapse; }
	.home-featured2 td, .home-featured2 th { font-size: 13px; text-align: left; border-collapse: collapse; border: 1px solid #fff; padding: 3px 5px; }
	.home-featured2 td { width: 32%; }
	.home-featured2 th { width: 18%; }
	.home-featured2 th { background: #eee; }
	.home-featured2 h2 { margin: 0 0 10px 0; }
	.home-featured2 h3 { margin: 0 0 10px 0; }
	.home-featured2-description { font-size: 13px; margin: 10px 0 20px 0;}

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

	.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;
	}

	.desktopmenu .nav-item:first-child {
		border-left: 0px;
	}

	.desktopmenu .nav-item { }
	.desktopmenu .nav-item > a { 
		display: block;
		color: #000;
		padding: 0 10px;
		text-decoration: none;
		font-size: 13px;
		text-transform: uppercase;
		white-space: nowrap;
		font-weight: 500;
	}
	.desktopmenu .noparentstyle { 
		background: var(--theme-bg-color1) !important;
		padding: 0 0 0 20px !important;
	}
	.desktopmenu .noparentstyle > a { 
		padding: 0px !important;
	}
	.desktopmenu .noparentstyle.active,
	.desktopmenu .noparentstyle:hover { 
	}

	.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 .dropdown-menu { border: 0px !important; margin-top: 0px; border-radius: 0px !important; background: #eee; padding: 0; width: 240px; }
	.desktopmenu .dropdown-menu a { 
		text-decoration: none;
		font-size: 14px !important;
		text-transform: uppercase;
		color: var(--inline-menu-color);
		font-weight: 500;
	}
	.dropdown:hover>.dropdown-menu,
	.dropdown-menu:hover { display: block; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18); }

	.desktopmenu .dropdown-item {
		display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 16px;
		border: 0;  
		background: #fff;
		border-bottom:0;
	}
	.desktopmenu .dropdown-item.active {   }
	.desktopmenu .dropdown-item:hover {  }
	.desktopmenu .dropdown-item.active, .desktopmenu .dropdown-item:active { background-color: #2d58b1 !important;  }

	.desktopmenu .nav-item.active .dropdown-item { 
	  color: #000;
	}
	.desktopmenu .nav-item.active .dropdown-item.active { 
	  background: #bbb; color: #fff !important;
	}
	.desktopmenu .nav-item .dropdown-item:hover { 
	  color: #2d58b1 !important;
	}


	.dropdown-item a[aria-expanded="true"]  { backgound: var(--theme-bg-color1) !important; }

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


	.desktopmenu .dropdown-menu a {
		font-size: 12px !important
	}
	.desktopmenu .noparentstyle {
		padding: 0 0 0 16px !important;
	}

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

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

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

	}






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


.site-header .desktopmenu .nav-item { background: none !important; border: 0; }
.site-header .desktopmenu .nav-link { color: #000; }

.site-header .desktopmenu .nav-link a,
.site-header .desktopmenu .nav-item > a { color: #000; font-weight: 500; }

.site-header .desktopmenu .nav-link a:hover,
.site-header .desktopmenu .nav-item > a:hover,
.site-header .desktopmenu .nav-link:hover { color: #2d58b1; }

.site-header .desktopmenu .nav-item.active > a:not(.active), 
.site-header .desktopmenu .nav-item:active { color: #2d58b1; }

.site-header .desktopmenu .nav-item:active .nav-item:hover,
.site-header .desktopmenu .nav-item:active .nav-item a:hover,
.site-header .desktopmenu .nav-item:active a:hover { color: #fff !important; }

.site-header .desktopmenu .dropdown-menu .nav-link a,
.site-header .desktopmenu .dropdown-menu .nav-item > a { color: #000; font-weight: 500; }

.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 { color: #fff !important; }

.site-header .desktopmenu .nav-item:active .dropdown-menu a:hover,
.site-header .desktopmenu .nav-item:active .dropdown-menu .nav-item:hover { color: #fff !important; }

.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: #fff !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: fixed; 
		padding: 0px; 
		margin: 0px; 
		top: -2px;
		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-top { margin-top: -1px; border-bottom: 1px solid #fff;box-shadow: 0px -35px 50px #000; }
	.focal-container-top img { width: 100%; }
	.focal-container-top .container { padding: 0; } 


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


/*##################*/
/* 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; }
	
	.hidden-desktop { display: none; }
	.hover-container:hover .hidden-hover { display: none; }
	.hover-container .visible-hover { display: none; }
	.hover-container:hover .visible-hover { display: block; }

	@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: 8px 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;
		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: 11px;
		-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: 1.4rem; text-transform: uppercase; line-height: 1.1rem; margin: 20px 0 20px 0; height: 22; text-align: center; }
	.carousel-new-price { float: left; font-size: 1.2rem; color: #c40000; font-weight: 600; }
	.carousel-new-mileage { text-align: right; font-size: 1.2rem; font-weight: 600; }
	.carousel-new table { width: 100%; }
	.carousel-new table, .carousel-new table td, .carousel-new table th { border: 0px; }
	.carousel-new table td, .carousel-new table th { padding: 0px; background: #fff !important; font-size: .prem; font-weight: 400; }
	.carousel-new table td { text-align: right; color: #555; }
	.carousel-control-prev, .carousel-control-next { width: 5% !important; }
	.carousel-item-inner { 

		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}


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

.sticky {
	position: -webkit-sticky;
    position: sticky;
    top: 0;
}


.goog-te-combo {

	border: 1px solid #c0c0c0;
    border-radius: 4px;
    padding: 4px 2px;
}