/*input[type=submit], input[type=reset], button[type=submit], button[type=reset], button, a {
	transition: color 0.35s ease, background 0.35s ease, opacity 0.35s ease;
	-webkit-transition: color 0.35s ease, background 0.35s ease, opacity 0.35s ease;
}*/
#main {
	background: url(https://s3.amazonaws.com/dom-cms/Site/fec98a19-b646-4dc8-84d9-407f30cb7437/images/bg-content.png) repeat-x center bottom;
	padding-bottom: 90px;
	padding:0;
	padding-bottom: 0;
	border:0;
    max-width:100% !important;
}
.service_row.row {
  padding: 0 0 60px;
}
.service_row.row {
	padding: 50px 0;
}
#main .row {
  margin: 0 auto;
  max-width: 100%;
}
.border span img {
	vertical-align: middle;
}
#main .container {
	background: none;
	padding:0;
	max-width:100%;
}
.homebanner {
	position: relative;
}
.homebanner .row {
	max-width: 100%
}
.homebanner img {
	width: 100%;
}
.BnrBntBox {
	text-align: center;
	margin-top: 160px;
	max-width: 1170px;
	margin: 0 auto;
}
.bnrbtns {
	position: absolute;
	top: 65px;
}
.BnrBntBox a {
	background: url(https://s3.amazonaws.com/dom-cms/Site/fec98a19-b646-4dc8-84d9-407f30cb7437/images/bg-bnr-btn.png) repeat center top;
	line-height: 58px;
	display: block;
	width: 103px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #fff;
	border-bottom: solid 1px #1c1f24;
	text-transform: uppercase;
}
.BnrBntBox a:last-child {
	border-bottom: none;
}
.BnrBntBox a:hover {
	color: #d8242c;
}
.MainGreyBox {
	background-color: #ececec;
	padding: 22px 0;
	margin-top: -4px;
}
#main .text_area .TextBox a,
#main .text_area .TextBox a:hover,
#main .text_area .TextBox a:visited{
	color: #c3001f;
	text-decoration: underline;
	font-weight:700;
}
#main .text_area .TextBox a:hover{text-decoration:none;}
.greyBox {
	background: #edf0f5 none repeat scroll 0 0;
	margin:-18px auto 0;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
	text-align: center;
}
.greyBox ul {
	list-style-type: none;
	padding:20px 0 15px;
	margin: 0;
	text-align:center;
}


.greyBox ul li {
    border-right: 1px solid #b1b0b0;
    display: inline-block;
    margin-left:: 15px;
    width: 16%;
}
.greyBox.hide-on-phones ul li:nth-child(2) {
    width: 14%;
}
.greyBox ul li:last-child {
    border: medium none;
    width: 25%;
}
.greyBox ul li a {
	font-family:"Open Sans",sans-serif;
	display: block;
	font-size: 16px;
	text-decoration: none;
	color: #282626;
	padding-left: 50px;
	font-weight: normal;
	text-align:left;
}
.greyBox ul li a:hover {
	color: #c71633;
}
.greyBox ul li a {
	display: inline-block;
	vertical-align:top;
	line-height: 65px;
	width: auto;
	box-sizing:border-box;
	background: url(https://s3.amazonaws.com/dom-cms/Site/5982e74f-7292-4b87-900d-85cf70c3bf7d/images/icon_sprite.png) no-repeat 0 0;
}
.greyBox ul li.Wranty a {
    background-position: 0 -163px;
}
.greyBox ul li.Wranty a:hover {
	/*background-position:10px 10px;*/
}
.greyBox ul li.ServiceSpecial a {
    background-position: 0 15px;
}
.greyBox ul li.ServiceSpecial a:hover {
	/*background-position:10px 10px;*/
}
.greyBox ul li.appoinment a {
	background-position:0 -165px;
}
.greyBox ul li.appoinment a:hover {
	/*background-position:10px 10px;*/
}
.greyBox ul li.OrderParts a {
    background-position: 0 -165px;
}
.greyBox ul li.service a {
    background-position: 0 -355px;
}
.greyBox ul li.OrderParts a:hover {
	/*background-position:10px 10px;*/
}
#main .service_box_main {
	max-width: 1680px;
	width: 100%;
	margin: 0 auto;
	display:block;
	padding: 0 10px;
	box-sizing: border-box;
}
.service_row.row {
	background: url(https://s3.amazonaws.com/dom-cms/Site/fec98a19-b646-4dc8-84d9-407f30cb7437/images/service_page_bg.png?7de2f72e-a6be-4320-9ce9-aceca48424bc);
}
.ServiceBox h1 span:after {
	position: absolute;
	height: 1px;
	color: #000;
	top: 22px;
	content: "";
	background-color: #b1b0b0;
	max-width: 100%;
	margin-left: 20px;
	width: 37%;
}
.ServiceBox h1 span:before {
	position: absolute;
	height: 1px;
	color: #000;
	top: 22px;
	content: "";
	background-color: #b1b0b0;
	max-width: 35%;
	width: 32%;
	left: 12%;
}
.ServiceBox h1,
.TextBox h1.border {
	text-align: center;
	font-family: 'Open Sans', sans-serif;

	font-size: 36px;
	margin-bottom:40px;
	color: #272323;
}
.TextBox p {
	font-size: 14px;
	text-align: center;
	margin: 0 auto 30px;
	max-width: 85%;
	font-family: 'Open Sans', sans-serif;
	line-height: 25px;
}
.ServiceBox h1 span, .TextBox h1 span {
	padding: 0px;
	text-transform: uppercase;
}
.TextBox h1 span{
	position:relative;
	display:block;
}
.TextBox h1 span:after {
	position: absolute;
	height: 1px;
	color: #000;
	top: 45px;
	content: "";
	background-color: #b1b0b0;
	max-width: 100%;
	margin-left: 20px;
	width: 37%;
}
.TextBox h1 span:before {
	position: absolute;
	height: 1px;
	color: #000;
	top: 45px;
	content: "";
	background-color: #b1b0b0;
	max-width: 35%;
	width: 32%;
	left:15%;
}
.ServiceBox ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.ServiceBox ul li {
	display: inline-block;
	width: 23.6%;
	margin: 0 14px 10px 0;
	cursor: pointer;
	border-radius:5px;
	overflow:hidden;
	vertical-align:middle;
}
.ie8 .ServiceBox ul li {
	margin-right: 10px;
}

.ServiceBox ul li:nth-of-type(4), .ServiceBox ul li:nth-of-type(8), .ServiceBox ul li:nth-of-type(12) {
	margin-right: 0;
}
.ServiceBox ul li a {
	color: #2f2f2f;
	display: block;
	font-family: "Open Sans",sans-serif;
	font-size: 20px;
	font-weight: 700;
	padding: 10px 15px 10px 90px;
	text-align: left;
	text-decoration: none;
	background:url(https://s3.amazonaws.com/dom-cms/Site/218a25c6-5bcb-4f97-8b05-032ef0ab7f0d/images/home/icon_sprite2.png) no-repeat 0 0;
}
.ServiceBox ul li a:hover {
	background-color: #c71633;
}
.ServiceBox ul li.OrderParts a {
	background-position:-11px 5px;
	line-height: 56px;
}
.ServiceBox ul li.OrderParts a:hover {
	background-position:-11px -201px;
}

.ServiceBox ul li.ContactParts a {
	background-position:-2px -428px;
	line-height: 56px;
}
.ServiceBox ul li.ContactParts a:hover {
	background-position:-2px -637px;
}

.ServiceBox ul li.CustomizeVehicle a {
	background-position:3px -859px;
	line-height: 29px;
}
.ServiceBox ul li.CustomizeVehicle a:hover {
	background-position:3px -1100px;
}
.ServiceBox ul li.SafetyRecalls {
  width: 24.4%;
}
.ServiceBox ul li.SafetyRecalls a {
  padding: 10px 10px 10px 100px;
}
.ServiceBox ul li.SafetyRecalls a {
	background-position:8px -1351px;
	line-height: 29px;
}
.ServiceBox ul li.SafetyRecalls a:hover {
	background-position:8px -1623px;
}

.ServiceBox ul li.Brakes a {
	background-position:-7px -1895px;
	line-height: 56px;
}
.ServiceBox ul li.Brakes a:hover {
	background-position:-7px -2163px;
}

.ServiceBox ul li.Tires a {
	background-position:-1px -2462px;
	line-height: 56px;
}
.ServiceBox ul li.Tires a:hover {
	background-position:-1px -2717px;
}

.ServiceBox ul li.OilChange a {
	background-position:1px -3041px;
	line-height: 56px;
}
.ServiceBox ul li.OilChange a:hover {
	background-position:1px -3334px;
}

.ServiceBox ul li.Batteries a {
	background-position:-1px -3637px;
	line-height: 56px;
}
.ServiceBox ul li.Batteries a:hover {
	background-position:-1px -3927px;
}

.ServiceBox ul li:hover {
	border-radius: 6px;
	border-radius:5px;
}
.ServiceBox ul li a:hover {
	color: #fff;
}
.TextBox {
	text-align: center;
	margin-top: 25px;
}
.TextBox h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	color: #282828;
}
.TextBox h1 strong {
	font-family: 'Open Sans', sans-serif;
}
#main .topBanner {
	position: relative;
}
#main .topBanner > img{
	display:block;
	width:100%;
	height:auto;
}
#main .topBanner .btn_box {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.topBanner .btn_box .btn_col {
	padding: 60px 60px 0;
}
.btn_box .btn_col .btn_service {
	background:#d71a21 url(https://s3.amazonaws.com/dom-cms/Site/fec98a19-b646-4dc8-84d9-407f30cb7437/images/btn_service_icon.png) no-repeat 10px 50% ;
	color: #fff;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	line-height: 32px;
	margin: 0 0 30px;
	overflow: hidden;
	padding:20px 20px 20px 100px;
	text-transform: uppercase;
	width: 550px;
	box-sizing:border-box;
	-webkit-border-radius: 8px/2px;
	-moz-border-radius: 8px/2px;
	border-radius: 8px/2px;
	-webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.75);
	-moz-box-shadow: 3px 4px 5px rgba(0,0,0,.75);
	box-shadow: 3px 4px 5px rgba(0,0,0,.75);
}
.btn_box .btn_col .btn_service:hover {
	background: #226aa7 url("https://s3.amazonaws.com/dom-cms/Site/fec98a19-b646-4dc8-84d9-407f30cb7437/images/btn_service_icon.png") no-repeat 10px 50%;
}
.btn_box .btn_col .btn_service span {
	display: block;
	font-size: 20px;
	line-height: 24px;
}
#main .row.text_area {
	color: #fff;
	padding: 40px 20px;
	box-sizing:border-box;
}
#main .row.text_area .twelve.columns {
	display: block;
	float: none;
	margin: 0 auto;
	max-width: 1660px;
	text-align: left;
}
#main .row.text_area .TextBox {
	margin-top: 0;
	text-align: left;
}
.row.text_area .TextBox h1 {
	color: #282828;
	font-family: "Open Sans",sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
}
.row.text_area .TextBox h1 br {
	display: none;
}
.row.text_area  .TextBox h1.border {
	margin-bottom: 20px;
	text-align: left;
	margin-top:20px;
}
.row.text_area .TextBox p {
	color: #282828;
	font-family: "Open Sans",sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	max-width: 100%;
	text-align: left;
	width: 100%;
}
.row.text_area  .TextBox h1 span:after,
.row.text_area  .TextBox h1 span:before{
	background-color: #b1b0b0;
	display: block;
	left: 40px;
	top: 15px;
	width: 100%;
}
.topBanner.row img.hide-on-phones {
	display: block;
	height: auto;
	width: 100%;
}
.service_row.row{overflow:hidden;}
@media only screen and (max-width: 1400px) {
	.ServiceBox h1 span:before{
		left:10%;
	}
	.greyBox ul li {
		margin-left: 0;
		text-align: center;
		width: 18%;
	}
}
@media only screen and (max-width: 1400px) {
	.btn_box .btn_col .btn_service{
		font-size:24px;
		line-height:28px;
		background-size:50px auto;
		padding: 15px 20px 15px 80px;
		width: 480px;
	}
	.btn_box .btn_col .btn_service:hover {
		background: #226aa7 url("https://s3.amazonaws.com/dom-cms/Site/fec98a19-b646-4dc8-84d9-407f30cb7437/images/btn_service_icon.png") no-repeat;
		background-size:50px auto;
		background-position:10px 50%;
	}
	.btn_box .btn_col .btn_service span {
		display: block;
		font-size: 18px;
		line-height: 22px;
	}
.row.text_area  .TextBox h1 span:after,
.row.text_area  .TextBox h1 span:before{

    width: 90%;
}
}
@media only screen and (max-width: 1300px) {
	.topBanner .btn_box .btn_col {
		padding: 40px 40px 0;
	}
	.btn_box .btn_col .btn_service{
		padding:10px 20px 10px 80px;
	}
}
 @media only screen and (max-width: 1180px) {
	.greyBox ul li {
		margin-right: 0;
		margin-left: 0;
		width:29.5%;
		text-align:center;
	}

.greyBox ul li:nth-child(3) {
    border-right: medium none;
}
.greyBox.hide-on-phones ul li:nth-child(2) {
    width: 23.5%;
}
.greyBox ul li:last-child {
    border: medium none;
    width: 30%;
}
	.greyBox ul li:first-child {
		margin-left: 0;
	}
	.ServiceBox ul li.SafetyRecalls,
	.ServiceBox ul li {
		width: 26.6%;
	}
	.bnrbtns {
		position: absolute;
		top: 20px;
	}
	.ServiceBox ul li:nth-of-type(4), .ServiceBox ul li:nth-of-type(8), .ServiceBox ul li:nth-of-type(12) {
		margin-right: 14px;
	}
	#main .topBanner > img{height:250px;}
	.ServiceBox ul li a{font-size:18px;}
	.ServiceBox h1 span::before {
		left: 8%;
	}
	.greyBox ul li a {
	  font-size: 16px;
	  width: 230px;
	}
	.greyBox ul li {
	  width: 39.5%;
	  border:0;
	}
	.greyBox ul li:last-child {
	  border: medium none;
	  width: 40%;
	}
	.greyBox ul li:last-child a {
	  width: 270px;
	}
}
 @media only screen and (max-width: 1023px) {
	.greyBox ul li {
		margin-right: 0;
		margin-left: 0;
	}
	.homebanner img {
		height: auto;
	}
}
 @media only screen and (max-width: 979px) {
	.greyBox ul li {
		margin-left: 0;
		width: 39.5%;
	}
.greyBox.hide-on-phones ul li:nth-child(2) {
    width: 26%;
}

.greyBox ul li:last-child {
     width: 35%;
}
	.greyBox ul li a {
		font-size: 14px;
	}
	.ServiceBox ul li.SafetyRecalls,
	.ServiceBox ul li {
		width: 38%;
	}
	.ServiceBox ul {
    margin: 0 auto;
    text-align: center;
}
	.ServiceBox ul li.Video:hover, .ServiceBox ul li.Video {
		background-position: 17px center;
	}
	.greyBox ul li a{padding-left:60px;}
	.ServiceBox h1 span:before {
		left: 6%;
	}
}
@media only screen and (max-width: 850px) {
	.ServiceBox h1 span::before {
		left: 5%;
	}
}
 @media only screen and (max-width: 799px) {
	.greyBox ul li {
		margin-left: 0;
	}
	.ServiceBox ul li.SafetyRecalls,
	.ServiceBox ul li {
		width: 44%;
	}
}
 @media only screen and (max-width: 767px) {
	.TextBox h1 {
		font-size: 30px;
	}
	.ServiceBox h1 span:before {
		width: 35%;
	}
	.ServiceBox ul li.SafetyRecalls,
	.ServiceBox ul li {
		display: inline-block;
		margin-left: 2%;
		margin-right: 0;
		overflow: hidden;
		width: 45%;
	}
	.TextBox h1 span:before{left:13%;}
	.ServiceBox h1 span:before{left:0;}
	.ServiceBox{padding-top:30px;}
	#main .topBanner > img{
		height:auto;
	}
	#main .topBanner .btn_box{position:static;}
	.service_row.row {
		padding: 20px 0 50px;
	}
	.ServiceBox {
		padding-top: 0;
	}
	.topBanner .btn_box .btn_col {
		padding: 40px 10px 0;
	}
	.btn_box .btn_col .btn_service{
		margin:0 auto 30px;
	}
	.row.text_area .TextBox h1 span:after,
	.row.text_area .TextBox h1 span:before {
		
		display: block;
		left: 40px;
		top: 18px;
		width: 84%;
	}

.greyBox ul li:last-child {
    width: 40%;
}
.greyBox ul li {
     width: 39.5%;
}
}
 @media only screen and (max-width: 640px) {
	.ServiceBox {
		text-align: center;
	}
	.ServiceBox ul li.SafetyRecalls, .ServiceBox ul li {
		margin-left: 2%;
		width: 60%;
	}
	.ServiceBox ul li {
		display: block;
		margin: 0 auto 20px !important;
		width: 60%;
	}
	.ServiceBox h1 span::before {
		width:33%;
	}
	.TextBox h1 {
		font-size: 20px;
	}
	.ServiceBox ul li.Brakes, .ServiceBox ul li.Tires {
		background-position: 20px center;
	}
	.ServiceBox ul li.OilChange:hover, .ServiceBox ul li.OilChange {
		background-position: 18px center;
	}
	.ServiceBox ul li.Accesory:hover, .ServiceBox ul li.Accesory {
		background-position: 6px center;
	}
	.ServiceBox ul li.Video:hover, .ServiceBox ul li.Video {
		background-position: 15px center;
	}
	.ServiceBox ul li.Maintenace:hover, .ServiceBox ul li.Maintenace {
		background-position: 15px center;
	}
	.ServiceBox ul li.OilChange:hover, .ServiceBox ul li.Brakes:hover, .ServiceBox ul li.Tires:hover {
		background-position: 20px center;
	}
	.ServiceBox ul li:nth-of-type(4), .ServiceBox ul li:nth-of-type(8), .ServiceBox ul li:nth-of-type(12) {
		margin-right: 0;
	}
	.ServiceBox h1 span:after,
	.TextBox h1 span:after,
	.TextBox h1 span:before,
	.ServiceBox h1 span:before{display:none;}
	.btn_box .btn_col .btn_service{width:430px;}
.greyBox ul li a {
    padding-left: 45px;
}
}
 @media only screen and (max-width: 590px) {
.greyBox ul li {
    width:82%; border-right:none; margin-left:0px;
	text-align:left;
}

.greyBox ul li:last-child {
    width: 82%;
}
.greyBox ul li a,
.greyBox ul li:last-child a {
  width: auto;
}
}
 @media only screen and (max-width: 480px) {
	.ServiceBox h1, .TextBox h1.border {
		font-size: 35px;
	}
	.ServiceBox h1 span::before {
		top: 35px;
	}
	.ServiceBox h1 span::after {
		top: 35px;
	}
	.ServiceBox ul li.SafetyRecalls, .ServiceBox ul li {
		margin-left: 2%;
		width: 85%;
	}
	
	.btn_box .btn_col .btn_service{width:100%;}
	.btn_box .btn_col .btn_service {
		background-position: 50% 15px;
		background-size: 50px auto;
		font-size: 24px;
		line-height: 28px;
		padding: 80px 20px 20px;
		text-align: center;
		width: 100%;
	}
	.btn_box .btn_col .btn_service:hover {
		background: #226aa7 url("https://s3.amazonaws.com/dom-cms/Site/fec98a19-b646-4dc8-84d9-407f30cb7437/images/btn_service_icon.png") no-repeat;
		background-position: 50% 15px;
		background-size: 50px auto;
	}
	#main .row.text_area{padding:20px 10px;}
	.btn_box .btn_col .btn_service span {
		display: block;
		font-size: 16px;
		line-height: 22px;
	}
	.row.text_area .TextBox h1 span:after,
	.row.text_area .TextBox h1 span:before {
		width: 82%;
	}
}
 @media only screen and (max-width: 450px) {
.greyBox ul li {
    width:95%;
	text-align:left;
}
.greyBox ul li:last-child {
    width: 95%;
}

}

 @media only screen and (max-width: 360px) {
.row.text_area .TextBox h1 { font-size:16px;}
.row.text_area .TextBox p { font-size:16px; line-height:23px;}
	.ServiceBox ul li.SafetyRecalls, .ServiceBox ul li {
		width: 95%;
	}
}