/*
Theme Name: Helium
Theme URI: http://gantry.org
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Helium - Gantry 5 Theme from RocketTheme
*/
#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; }


body, p {
	line-height:1.5rem;
}

.home-vid {
max-width:700px;
margin:60px auto 36px auto;
}

.home-block {
    float: left;
    border: 2px solid #efefef;
    border-radius: 6px;
    padding: 36px 22px;
min-width: 380px;
    margin: 48px 5px 20px 5px;
    box-sizing: border-box;
    text-align: center;
}	
.home-block:hover {
	border-color:#306797;
}
	
.schwartz {
	text-align: center;
	display: inline-block;
	width: 100%;
	max-width: 350px;
	font-weight: 600;
}

.phn {
	margin-top:0;
}
.ttl {
	font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
	margin:-18px 0 0 0;
}

li {
	line-height:2rem;
}

.g-flushed .g-content {
    padding: 10px 10px 10px 10px !important;
}

.g-boxed .g-content {
    padding: 10px 16px 10px 16px !important;
}
.g-boxed #g-mainbar .g-content:first-child, .g-boxed #g-sidebar .g-content:first-child {
	margin-top:-10px;	
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal; text-transform: uppercase;
	}
h1 {
	line-height: 2.25rem;
	font-size: 1.9rem;
}
h2 {
	line-height: 1.9rem;
	font-size: 1.5rem;
}
h3 {
	line-height: 1.5rem;
	font-size: 1.3rem;
}
h4 {
	line-height: 1.25rem;
}
h5 {
	line-height: 1rem;
}
h6 {
	line-height: 0.75rem;
}

#g-header {
	margin: 0px;
	padding: 0px;
}

.b {
	font-weight:bold !important;
}
.tac {
	text-align:center;
}
.tar {
	text-align:right;
}
.tal {
	text-align:left;
}

li span.li-subitem {
	line-height: 1.5rem;	
	font-weight: normal;
	display: inline-block;
	padding-bottom: 24px;
}

.error .g-content {
	min-height:450px;
}

/* blog */
div.blog {

}
article.tease {
	margin:8px 0 24px 0 !important;
	border-bottom:1px solid #f2f2f2;
	padding-bottom: 44px !important;
}
.meta-date i {
	display: none;
}
.entry-meta {
	margin-bottom:14px !important;
}
.entry-title {
	margin:0;
}

/* blog */

.outline-blog_layout .g-menu-item-92 {
	background: #bb0500;
}

#g-menu {
	background-color: #5a5a5a;
	color: #fff;
	-webkit-box-shadow: 0px 6px 26px -1px rgba(0,0,0,0.35) !important;
    -moz-box-shadow: 0px 6px 26px -1px rgba(0,0,0,0.35);
    box-shadow: 0px 6px 26px -1px rgba(0,0,0,0.35);
    border-bottom: 1px solid #fff;
}
#g-menu,
#g-menu .g-block,
#g-menu .g-content,
#g-menu .g-container {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
#g-menu .g-container {
	text-align: left;
}
#g-menu .g-menu-item {
	padding: 2px 15px 6px 15px;
}
.g-main-nav .g-standard .g-dropdown {
	width: 260px !important;
}
#g-menu .g-menu-item:hover {
	background-color: #000 !important;
}
#g-menu .g-menu-item a {
	color: #fff;
}
#g-menu .g-menu-item a:hover {
}
#g-menu .g-menu-item-title {
	font-weight:normal;
	text-transform:uppercase;
	font-size:14px!important;
	margin:0 12px!important;
}
#g-menu .g-menu-item-title:hover {
	color: #fff !important;
}
#g-menu .g-menu-item a,
#g-menu .g-menu-item-title {
	color: #fff;
	font-weight: normal !important;
}
#g-menu .g-menu-item-title:hover {
	color: #fff !important;
}
#g-menu .g-dropdown {
	background: #000;
	margin-top: 0px !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}
#g-menu .g-dropdown .g-menu-item-container {
	padding: 5px !important;
}
#g-menu .g-dropdown .g-menu-item {
	padding: 3px 0px 5px 0px !important;
}
#g-menu .g-dropdown .g-menu-item:not(:last-child) {
	border-bottom: 1px solid #333;
}
#g-menu .g-dropdown .g-menu-item-title {
	font-size:12px!important;
}
#g-menu .g-menu-parent-indicator {
	display: none;
}
#g-menu .g-sublevel {
	margin: 0px;
	padding: 0px;
}
.g-main-nav .g-sublevel > li {
    margin: 0.1rem 0.5rem;
}
#g-menu .g-sublevel .g-menu-item-container:hover {
	background: #bb0500 !important;
}
#g-menu .g-sublevel .g-menu-item:hover {
	background:none !important; 
}
#g-menu li.active {
	background: #000;
}
#g-menu .g-sublevel li.active {
	background: none;
}
#g-menu .g-sublevel li.active .g-menu-item-container {
	background: #333;
}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
    padding: 0.4rem 0.938rem;
}

#g-mainbar {
	padding: 30px 0;
	background: transparent;
}
#g-sidebar {
	padding: 30px 0;
	background: transparent;
}

.shadow-down {
	-webkit-box-shadow: 0px 6px 26px -1px rgba(0,0,0,0.35) !important;
    -moz-box-shadow: 0px 6px 26px -1px rgba(0,0,0,0.35);
    box-shadow: 0px 6px 26px -1px rgba(0,0,0,0.35);
    border-bottom: 1px solid #fff;
}
.focal-container-top {
	margin: -41px -10px 36px -10px;
}
.focal-container {
	margin: 36px -10px !important;
}
.focal-container img, .focal-container-top img {
	width: 100%;
}
.focal-container-background-mobile {
	height:555px;
	margin: 36px -10px;
	background-image:url("/assets/mobile-repair-hero.jpg");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}
.focal-container-background {
	height:475px;
	margin: 36px -10px;
	background-image:url("/assets/test-focal-image-2.jpg");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}
@media (max-width: 1200px) {
	.focal-container-background {
		height:450px;
		background-image:url("/assets/test-focal-image-2-1200.jpg");	
	}
}
@media (max-width: 900px) {
	.focal-container-background {
		height:400px;
		background-image:url("/assets/test-focal-image-2-900.jpg");	
	}
}
@media (max-width: 600px) {
	.focal-container-background {
		height:300px;
		background-image:url("/assets/test-focal-image-2-600.jpg");	
	}
	
.wmpci-popup-body {
	max-width:95%;
	
	}
	
}
@media (max-width: 450px) {
	.focal-container-background {
		height:250px;
		background-image:url("/assets/test-focal-image-2-450.jpg");	
	}
}


.header-logo {
	
}
.header-logo img {
	margin-top: 0px;
}
.header-contact-inner {
	margin-top: 35px;
	display: inline-block;
	text-align: center;
}
.header-contact-phone {
	font-size: 25px;
	margin-bottom: 10px
}
.header-contact-location {
	font-size: 15px;
}
.header-contact-social {
	margin-top: 10px;
}
.header-contact-social img {
	height: 26px;
}

#g-footer {
	padding: 48px 0;
	border-top: 4px solid #000;
	background: #000 url(/assets/footer.jpg) repeat-x center top;
}

.footer-center {
	
}

.footer-left {
	
}

.footer-right {
	
}

.footer-logo {
}
.footer-logo img {
	margin-top: -5px;
	max-height: 140px;
}
.footer-contact-inner {
	display: inline-block;
	text-align: center;
}
.footer-contact-phone {
	font-size: 30px;
	margin-bottom: 20px;
	color: #fff;
}
.footer-contact-location {
	font-size: 15px;
}
.footer-contact-social {
	margin-top: 20px;
}
.footer-contact-social img {
	height: 26px;
}


#g-copyright {
	padding: 10px !important;
	background-color: #0c0c0c;
	color: #fff;
	font-size: 12px;
}
#g-copyright img {
	margin-bottom: 6px;
	max-width: 130px;
}




.parallax1,.parallax2 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
}
.parallax1 {
    background-image: url("/assets/parallax-1.jpg");
    min-height: 500px; 
}
.parallax2 {
    background-image: url("/assets/parallax-2.jpg");
    min-height: 500px;
}

.parallax-text {
    font-size: 72px;
    color: #999;
	font-weight:bold;
    text-align: center;
    position: relative;
    top: 220px;	
}


.nomargin {
	margin: 0px !important;
}
.nopadding {
	padding: 0px !important;
}
.notopmargin {
	margin-top: 0px !important;
}
.nobottommargin {
	margin-bottom: 0px !important;
}
.notoppadding {
	padding-top: 0px !important;
}
.nobottompadding {
	padding-bottom: 0px !important;
}

.sepsm {
	display:block;
	height:24px;
}

.sepmd {
	display:block;
	height:36px;
}

.seplg {
	display:block;
	height:48px;
}

.clr {
	clear:both;
	float:none;
}

.w100 {
	width:100%;
}


.button, wpcf7-submit {
	padding: 20px 25px 20px 25px !important;
	background-color: #dd1d29;
	border-radius: 3px;
}
.button:hover, wpcf7-submit:hover {
	padding: 10px 15px 10px 15px;
	background-color: #bb0500;
}

.con-width {
	width: 75rem;
	margin: 0 auto !important;
	padding: 0 15px;
}





#smoothup { 
height: 40px; 
width: 40px; 
position:fixed;
bottom:10px;
right:10px;
text-indent:-9999px;
display:none;
background: url("/assets/icon-top.png"); 
-webkit-transition-duration: 0.4s; 
-moz-transition-duration: 0.4s; transition-duration: 0.4s; 
z-index:99999 !important;
}
#smoothup:hover {
-webkit-transform: rotate(360deg);
}




.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hbtn-hdr {
text-transform:uppercase;
color:#000;
text-align:center;
font-size:24px;
}

.hbtn {
  border-radius: 3px;
  padding: 9px 20px 8px 20px;
  font-size: 18px;
  text-decoration: none;
  margin: 0 0 14px 0;
  color: #fff;
  position: relative;
  display: block;
}

.hbtn:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px;
}

.bl {
  background-color: #dd1d29;
  box-shadow: 0px 5px 0px 0px #bb0500;
}

.bl:hover {
  background-color: #bb0500;
  color:#fff;
}

.grecaptcha-badge {
    display: none;
}

.h100 { height: 100% !important; }


.sold-header {
	text-align: center; font-size: 16px; background: #e43131; color: #fff; padding: 10px;
}



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

.mackA {
display:block;
color:#fff !important;
padding:15px 5px;
text-align:center;
text-transform:uppercase;
margin:5px 0 20px 0;
font-weight:normal;
font-size:14px;
}
.mackA {
background:#000;
}
.mackA:hover {
color:#648BFD!important;
}				

.new-oem h1,
.new-oem h2,
.new-oem h3,
.new-oem h4 {
	text-transform: uppercase;
}

.v-lineup { text-align: center; }

.hnA, .hnB{
display:block;
color:#fff !important;
padding:10px 5px;
text-align:center;
margin: 20px 0 5px 0;
font-weight:normal!important;
font-size:14px!important;
}
.hnA {
background:#000;
}
.hnA:hover {
color:#648BFD!important;
}
.hnB {
background:#000;
}
.hnB:hover {
color:#648BFD!important;
}
.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; }
.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; }

.sticky {
	position: -webkit-sticky;
    position: sticky;
    top: 0;
}
#g-page-surround { overflow: visible !important; }

#g-header a { color: #dd1d29; }
#g-footer a { color: #fff; }
#g-footer a:hover { color: #dd1d29; }


.box-logos {
	margin:0 -8px
}
.box-logos img {
    display: inline-block!important;
    float: left!important;
    width: 15.4%;
    padding: 8px 26px;
    margin: .6%;
	border: 1px solid #ddd;
	border-radius: 2px;
}


.service-table th { background: #ffffff; color: #dd1d29; }
.service-table h4 { padding: 10px !important; margin: 0px !important; line-height: 1rem; }
.service-table { border: 0px; }
.service-table th { border: 1px solid #ddd; }
.service-table td[colspan="3"] { background: #000; color: #fff; border: 0px; text-transform: uppercase; padding: 0px !important; }

.parts-box h3 { color: #dd1d29; }


.wpcf7-select { border: 1px solid #e0e0e5; font-size: 1rem; padding: .375rem 1.25rem; width: 100%; line-height: 2; vertical-align: middle; border-radius: 3px; height: 46px; }

.icon-box { display: inline-block; width: auto; margin: 5px 20px; }
.icon-box img { max-height: 60px; }
.icon-box { text-align: center; }
.icon-box a { color: #fff; }
.icon-box a:hover { color: #dd1d29; }
.box-truck { max-height: 45px !important; margin-top: 15px !important; }



.pho { margin-bottom: 15px; }



.btn2 {
display: block;
color: #fff;
text-align: center;
padding: 12px 0;
margin: auto !important;
	margin-bottom: 15px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
}
.btn2:hover {
}

.hbtn {
  border-radius: 3px;
  padding: 9px 20px 8px 20px;
  font-size: 18px;
  text-decoration: none;
  margin: 0 0 14px 0;
  color: #fff;
  position: relative;
  display: block;
}

.hbtn:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px;
}

.rd {
  background-color: #dc0400;
  box-shadow: 0px 5px 0px 0px #9c0e0e;
}

.rd:hover {
  background-color: #fc0500;
  color:#fff;
}

.gn {
  background-color: #008000;
  box-shadow: 0px 5px 0px 0px darkgreen;
}

.gn:hover {
  background-color: #009900;
  color:#fff;
}

.gn2 {
	background-color: #4dc247;
	color:#fff;
	box-shadow: 0px 5px 0px 0px #3db237;
}
.gn2:hover {
	background-color: #5dd257;
	color:#fff;
}
.bu2 {
	background-color: #1da1f2;
    color:#fff;
	box-shadow: 0px 5px 0px 0px #0d91e2;
}
.bu2:hover {
	background-color: #2db1f2;
    color:#fff;
}







@media (max-width: 959px) {
	
	h1 { font-size: 1.5rem; }
	h4.g-title { font-size: 14px; }
	
	.header_logo {
		text-align: center;
		padding-top: 0px;
	}
	.header_logo img {
		width: auto;
	}
	.header-contact-inner {
		margin-top: 0px !important;
	}
}
@media (max-width: 61rem) {
	.sticky { position: relative; }
	#g-header {
		-webkit-box-shadow: 0px 6px 26px -1px rgba(0,0,0,0.35);
		-moz-box-shadow: 0px 6px 26px -1px rgba(0,0,0,0.35);
		box-shadow: 0px 6px 26px -1px rgba(0,0,0,0.35);
	}
	.header-contact-inner {
		width: 100%;
	}
}


@media (max-width: 61rem) {
	.tar, .tal {
		text-align:center
	}
	.home-block { width: 100% !important; min-width: 1px; margin: 10px 0; }
}
@media (max-width: 864px) {
	#g-sidebar {
		display:none;
	}
	.g-boxed .size-75:first-child {
		width:100%;
		flex: none;
	}
}
@media only all and (max-width: 74.99rem) and (min-width: 60rem){
.con-width {
	width: 60rem !important;
	}
}
@media only all and (max-width: 59.99rem) and (min-width: 48rem){
.con-width {
	width: 100% !important;
	}
}    
@media only all and (max-width: 47.99rem) and (min-width: 30rem){
.con-width {
	width: 100% !important;
	}
}       
@media only all and (max-width: 61rem){
.con-width {
	width: 100% !important;
	padding:0px !important;
	}
}
@media (max-width: 28rem){
.con-width {
	padding:0px!important;
	}
}
@media (max-width: 24rem){
.con-width {
	padding:0px!important;
	}
}