/*
Theme Name: Helium
Theme URI: http://gantry.org
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Helium - Gantry 5 Theme from RocketTheme
Version: 5.4.23
*/

.greatvibes { font-family: Great Vibes; }
.greatvibesmedium { font-size: 45px; font-family: Great Vibes; color: #815bb1; }
.bit-venue { margin-left: 8px !important; }
.white { color: #fff; }
.color { color: #A189BF; font-weight: bold; }
.songlist { font-size: 14px; }
.songlist li { line-height: 16px; margin-bottom: 10px; text-transform: uppercase;}
.con-width-white { background: rgba(255,255,255,.85); }
.con-width-black { background: rgba(0,0,0,.7); }

body {
	background: url(/assets/bodybg.jpg); 
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #fff;
	overflow-x: hidden;
	width: 100%;
}

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

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;
	}
h1 {
	line-height: 2.25rem;
}
h2 {
	line-height: 1.9rem;
}
h3 {
	line-height: 1.5rem;
}
h4 {
	line-height: 1.25rem;
}
h5 {
	line-height: 1rem;
}
h6 {
	line-height: 0.75rem;
}

#g-header {
	margin: 0px;
	padding: 15px 0px 15px 0px;
	background-color: #fff !important;
	background: url(/assets/morgan-header.png) !important;
	background-position: bottom !important;
	background-repeat: repeat-x !important;
	color: #815bb1 !important;
}
#g-header a { color: #815bb1 !important; }
#g-header a:hover { color: #815bb1 !important; }

#g-header {
	margin: 0px;
	padding: 30px 0px 25px 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: #1b8ab3;
}

#g-menu {
	background-color: #A189BF;
	color: #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: center;
}
#g-menu .g-menu-item {
	padding: 10px 15px 10px 15px;
}
.g-main-nav .g-standard .g-dropdown {
	width: 260px !important;
}
#g-menu .g-menu-item:hover {
	background-color: #8268a2 !important;
	padding-bottom:9px;
}
#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: #8268a2 !important;
}
#g-menu .g-sublevel .g-menu-item:hover {
	background:none !important; 
}
#g-menu li.active {
	background: #8268a2;
	padding-bottom:9px;
}
#g-menu .g-sublevel li.active {
	background: none;
}
#g-menu .g-sublevel li.active .g-menu-item-container {
	background: #8268a2;
}

#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");	
	}
}
@media (max-width: 450px) {
	.focal-container-background {
		height:250px;
		background-image:url("/assets/test-focal-image-2-450.jpg");	
	}
}


.header-logo {
	margin-top: 10px;
	font-size: 65px;
}
.header-logo img {
	max-height: 100px;
}

.header-left {  }
.header-right { }

#g-footer {
	padding: 54px 0;
	border-top: 36px solid #A189BF;
	background-color: #fff !important;
	background: url(/assets/morgan-header.png) !important;
	background-position: bottom !important;
	background-repeat: repeat-x !important;
}

.footer-center {
	
}

.footer-left {
}

.footer-right {
}

.footer-logo {
	margin-top: 10px;
	font-size: 65px;
}
.footer-logo img {
	margin-top: 10px;
	max-height: 140px;
}
#g-footer a, #g-copyright a { color: #815bb1; }

#g-copyright {
	padding: 5px !important;
	background-color: #b5b5b5;
	color: #815bb1;
	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/parallax1.jpg");
    min-height: 500px; 
	margin-left: -30px;
	margin-right: -30px;
}
.parallax2 {
    background-image: url("/assets/parallax2.jpg");
    min-height: 500px;
	margin-left: -30px;
	margin-right: -30px;
}

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

.wpcf7-text,
.wpcf7-date,
.wpcf7-textarea { color: #000; }

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

.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-lilac.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: #49c9f5;
  box-shadow: 0px 5px 0px 0px #1b8ab3;
}

.bl:hover {
  background-color: #1b8ab3;
  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 {
	font-weight: bold;
	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
}
	

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




.carousel-new { font-family: Teko; text-align: left; padding: 20px; }
.carousel-new-location { text-transform: uppercase; letter-spacing: 3px; font-family: Arial, Helvetica, sans-serif !important; color: rgba(35, 31, 32, 0.6); font-size: 1rem; margin: 0 0 15px 0; }
.carousel-new-title { font-size: 2.6rem; text-transform: uppercase; line-height: 0.91; font-weight: bold; margin: 0 0 15px 0; }
.carousel-new-price { float: left; font-size: 1.6rem; color: #ed1c24; font-weight: 600; }
.carousel-new-mileage { text-align: right; font-size: 1.6rem; font-weight: 600; }
.carousel-new table, .carousel-new table td, .carousel-new table th { border: 0px; }
.carousel-new table td, .carousel-new table th { padding: 5px 0 5px 0; background: #fff !important; font-size: 1.3rem; font-weight: 400; }
.carousel-new table td { text-align: right; color: rgba(35, 31, 32, 0.6); }

.search-new { font-family: Teko; text-align: left; padding: 20px; }
.search-new-photo { height: 300px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; background-color: #ddd; }
.search-new-location { text-transform: uppercase; letter-spacing: 2px; font-family: Arial, Helvetica, sans-serif !important; color: rgba(35, 31, 32, 0.6); font-size: 0.8rem; margin: 0 0 15px 0; }
.search-new-title { font-size: 2rem; text-transform: uppercase; line-height: 0.91; font-weight: bold; margin: 0 0 15px 0; }
.search-new-title a { color: #000; }
.search-new-title a:hover { color: #ed1c24; }
.search-new-price { float: left; font-size: 1.6rem; color: #ed1c24; font-weight: 600; }
.search-new-mileage { text-align: right; font-size: 1.6rem; font-weight: 600; }
.search-new table, .search-new table td, .search-new table th { border: 0px; }
.search-new table td, .search-new table th { padding: 5px 0 5px 0; background: #fff !important; font-size: 1.3rem; font-weight: 400; }
.search-new table td { text-align: right; color: rgba(35, 31, 32, 0.6); }
.search-new-description { font-family: Arial, Helvetica, sans-serif !important; font-size: 14px; }

.gallery img { width: 100% !important; }
.gallery img, .gallery iframe { margin-bottom: 20px; }
#player { 
  width: 100%; 
  box-shadow: 3px 3px 10px rgba(0,0, 0, 0.2);
  border-radius: 0;
	background: #f1f3f4;
}


.imp-select {
	height: 46px;
	background-color: white;
    vertical-align: middle;
    border: 1px solid #e0e0e5;
    font-size: 1rem;
    width: 100%;
    line-height: 2;
    padding: 0.375rem 1.25rem;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s;	
	border-radius: 0.25rem;
}


.fa-bars { color: #815bb1; }




@media (max-width: 959px) {
	.search-new-photo { height: 500px; background-size: contain !important; background-position: center !important; }
	h1 { font-size: 1.5rem; }
	h4.g-title { font-size: 14px; }
	
	.header_logo {
		text-align: center;
		padding-top: 40px;
	}
	.header_logo img {
		width: auto;
	}
	.header-contact-inner {
		margin-top: 0px !important;
	}
}
@media (max-width: 61rem) {
	body { background: #fff !important; }
	.parallax1,.parallax2 { display: none; }
	.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%;
	}
	.header-right { margin-top: 0px; }
	.header-left { margin-top: 0px; }
	.greatvibes { line-height: 3.5rem; }
}


@media (max-width: 61rem) {
	.tar, .tal {
		text-align:center
	}
}
@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;
	}
} 


