@charset "utf-8";

/* CSS Document */



/* MAZDA H1v1 TEMPLATE *************************************************************/

.header_wrapper {

	position: fixed;

	top: 0;

	z-index: 1001; /* increased greater than byc z-index of 1000 */

	width: 100%;

	background-color: #ffffff;

}



.fixed_header_spacer {

	/*height: 183px;*/
	height: 207px;

}



.header_wrapper .inner_content {

	margin: 0 auto;

	width: 99%;

	max-width: 1600px;

}



/* HEADER SECTION *********************************************************/

/* HEADER LEFT */

.header_left {

	margin: 23px 0 22px;

	/*padding-left: 3%;*/

	font-size: 0;
    width: 36%;
}



.header_left a {

	display: inline-block;

	text-decoration: none;

}



.header_left_make_logo {

	padding-right: 30px;

	height: 80px;

	width: auto;

	float: left;

	border-right: 2px solid #737373;

}



.header_left_site_logo {

	padding: 3% 0 3% 10px;
	max-height: 80px;
	width: 70%;
	max-width: 172px;
	/*padding: 3% 0 3% 46px;

	max-height: 80px;

	width: 25%;*/

	/* max-width: 100px; */

	float: left;

	box-sizing: border-box;

	text-align: center;

}
.header_left_logo {
	max-width: 100px;
	margin-left: 5%;
	width: 20%;
}


.header_left_mobile {

	display: none;

}



/* HEADER RIGHT */

.header_right {

	padding-top: 36px;

	padding-right: 3%;

    width: 58%;

}



.header_right_address_phone {

	width: 150%;

	text-align: right;

	text-transform: uppercase;

	line-height: 0;

	float: right;

}



.header_right_address,

.header_right_phone,

.header_right_phone_divider {

	color: #ffffff;

	text-decoration: none;

	font-size: 12px;

	letter-spacing: .5px;

	font-weight: normal;

}



.header_right_phone_divider {

	padding: 0 1em;

}



.header_right_pointer img {

	width: 1.75%;

	vertical-align: middle;

}



.header_right_menu {

	margin-top: 20px;

	width: 200%;

	float: right;

}



.header_right_menu .megamenu_navigation_container .parent_ul .parent_label {

	color: #d5d5d5;

	text-align: right;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 13px;

	letter-spacing: 2px;

}



.header_right_mobile {

	display: none;

}



.megamenu_inventory .megamenu_inventory_item {

	font-size: 13px;

	text-align: left;

	letter-spacing: 1.69px;

}



.megamenu_content_container .item_icon_blank, .megamenu_mobile_body .item_icon_blank {

	display: none;

}

#parent_nav-37 > a > span > img {
	display: none;
}



/* SMART SEARCH SECTION ***************************************************/

/* SMART SEARCH LINKS */

.smart_search_wrapper {

	background-color: #f5f5f5;

}



.smart_search_link_wrapper {

	margin-left: 2%;

	width: 70%;

	float: left;

}



.smart_search_link {

	/*margin: 1.5% 2% 0;*/

	margin: 20px 2% 0;

	display: inline-block;

	color: #101010;

	text-decoration: none;

	text-transform: uppercase;

	font-family: 'MazdaType-Bold', Arial, sans-serif !important;

	font-size: 0.8em;

}



.smart_search_link:last-child {

	color: #999999;

}



.smart_search_link:hover {

	color: #101010;

}



/* SMART SEARCH */

.smart_search_box {

	margin: 0.5% 3%;

	padding: 3px 14px;

	width: 128px;

	height: 45px;

	float: right;

	border-radius: 3px;

	color: #ffffff;

	background-color: #101010;

	box-sizing: border-box;

}



.smart_search_box #front_search_wrap {

	width: 78%;

	float: left;

}



.smart_search_box #front_search_wrap #search_lbl {

	display: none;

}



.smart_search_box #front_search_wrap .smart-search #s_search {

	background-color: transparent;

	border: none;

	font-size: 13px;

	font-family: 'MazdaType-Bold';

	color: #ffffff;

	height: 2.75em;

	width: 100%;

}



.smart_search_box #front_search_wrap .smart-search #s_search::placeholder {

	color: #ffffff

}



.smart_search_box svg {

	margin-top: 8px;

	width: 18px;

	fill: #ffffff;

	float: right;

}



.smart_search_box .smart-search .close-result-wrapper {

	bottom: .15em !important;

	color: #101010;

}



.smart_search_box .smart-search div.result-wrapper {

	position: absolute;

	right: 1%;

	z-index: 2;

	margin: 10px auto 0;

	width: 98% !important;

	height: 32em;

	overflow: scroll;

	color: #101010;

	box-sizing: border-box;

}



/* PHONE DROPDOWN CONTAINER */

.phone-container {

	margin-top: 0.75em;

	color: #999999;

	text-align: right;

	font-size: 13px;

	letter-spacing: 2px;

}

.phone-container .phone-desktop a {

	color: #ffffff;

	text-decoration: none;

}



.phone-container .num_dot {

	padding: 0 1%;

}



.phone-container .header_address a {

	color: #999999;

	text-decoration: none;

	font-weight: 500;

}



.phone-mobile {

	display: none;

	cursor: pointer;

}



.phone-mobile #phone-icon {

	padding-right: 10px;

}



.phone-mobile .map-icon {

	padding-left: 10px;

}



#phone-drop-down-container {

	position: absolute;

	z-index: 999;

	width: 100%;

	height: 313px;

	background: #FFFFFF;

	border-radius: .1px;

	-webkit-box-shadow: 0 5px 10px -5px #101010;

	box-shadow: 0 5px 10px -5px #101010;

	overflow: hidden;

	-webkit-transition: height .5s ease-in-out;

	-moz-transition: height .5s ease-in-out;

	-ms-transition: height .5s ease-in-out;

	-o-transition: height .5s ease-in-out;

	transition: height .5s ease-in-out;

}



#phone-drop-down-container.closed {

	height: 0;

}



#phone-drop-down-container #phone-drop-down-wrap {

	padding: 15px;

}



#phone-drop-down-container #phone-drop-down-wrap .phone-wrap {

	margin-bottom: 20px;

}



#phone-drop-down-container #phone-drop-down-wrap .phone-wrap.last {

	margin-bottom: 0px;

}



#phone-drop-down-container #phone-drop-down-wrap .phone-title {

	display: block;

	font-size: 17px;

}



#phone-drop-down-container #phone-drop-down-wrap a {

	color: #ffffff;

	text-decoration: none;

}



#phone-drop-down-container #phone-drop-down-wrap .phone-number, 

#phone-drop-down-container #phone-drop-down-wrap .phone-number-location {

	margin-top: 5px;

	padding: 15px;

	display: block;

	border-radius: 5px;

	background: #101010;

	color: #ffffff;

	font-size: 14px;

}



#phone-drop-down-container #phone-drop-down-wrap .phone-number:hover, 

#phone-drop-down-container #phone-drop-down-wrap .phone-number-location:hover {

	background: #101010;

}



#phone-drop-down-container #phone-drop-down-close-wrap {

	padding: 15px;

	display: block;

	background: #cecece;

	border-top: 1px solid #777777;

	cursor: pointer;

	color: #444444;

	text-align: center;

	font-size: 15px;	

}



.phone-container a {

	text-decoration:none;

	color:#7e8083;

}



/* MOBILE MENU ********************************************/

.megamenu_mobile .toggle_menu_button {

	background: #2b2b2b none repeat scroll 0 0 !important;

    color: #ffffff;

}



.megamenu_mobile_body .item_icon {

	display: none;

}



.megamenu_mobile .toggle_menu_bar .site_title {

	padding-left: 5%;

}



/* ------------- Mobile Megamenu ------------ */

#megamenu_mobile_body .item_icon_blank {

	height: 0;

}



/* MEGAMENU **************************************************/

#megamenu .parent_ul {

	text-align: right;

}



#megamenu .parent_label {

	color: #ffffff;

	line-height: 30px;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 13px;

	font-weight: normal;

	letter-spacing: 2px;

}

#megamenu .parent_label:hover {
	
  	color: #d5d5d5;
  
}

#megamenu .colored_box {

	padding: 0.5em;

	background: #101010;

	border: 1px solid #101010;

	border-radius: 0em;

	color: #f5f5f5;

}



#megamenu .item_icon {

	display: none;

}



.megamenu_inventory .megamenu_inventory_item {

	margin-top: 3%;

	padding: 0 2%;

	width: 21% !important;

}



.megamenu_content_container {

	width: 100%!important;

}



.megamenu_navigation_container .parent_li {

	margin-left: 15px;

	width: unset !important;

	text-align: right;

}



#megamenu .active_parent .parent_label {

	color: #ffffff;

}

.megamenu_content_container .item_label:hover, .megamenu_mobile_body .item_label:hover {

    color: #ffffff;

}



.megamenu_content_container .template_2 {

	background-color: #ffffff;

	overflow: auto;

	max-height: 30em;

}



.megamenu_content_container .template_2 .item_ul_container li {

    border-bottom: none;

}



.megamenu_content_container .menu_label-container,

.megamenu_mobile_body .menu_label-container {

	border-style: none;

}



.megamenu_content_container .template,

.megamenu_content_container .template_1 .item_ul_container li {

	background-color: #ffffff;

	border-bottom: 1px solid #525252;

}



.custom_menu_arrow {

	padding-left: 5px;

	vertical-align: sub;

	vertical-align: -webkit-baseline-middle;

}



.megamenu_inventory .label_row {

	text-align: center;

}



.starting_msrp {

	margin: 5px 0px 10px;

	color: #737373;

	letter-spacing: 1.69px;

}



.megamenu_content_container .template_1,

.megamenu_content_container .template_1 .item_ul_container li {

	box-shadow: none;

	background-color: #2b2b2b;

}



.megamenu_content_container .template_1 .item_ul_container li .item_label {

	color: #ffffff;

}



.megamenu_content_container .template_1 .item_ul_container li {

	padding: .5em 6em .5em 1em;

}



.megamenu_inventory .tag_number, .megamenu_inventory .tag_text {

	font-size: 13px;

	font-family: 'MazdaType-Bold';

}



#megamenu_group_container-1 {

	width: 72% !important;

	padding: 0px 1.5%;

}



#megamenu_group_container-7 .group_label_container {

	padding-left: 3.5%;

}



.template_2 {

    background-color: #f5f5f5;

}



.megamenu_content_container .template_2 .group_label,

.megamenu_mobile_body .group_label {

	text-transform: uppercase;

}



.template_2 .group_container .group_label_container{

	text-align: center;

}



.template_2 .item_ul_container ul li {

	margin: 11px auto;

	padding: 0;

	width: 90%;

	height: unset;

	max-height: 45px;

	border-bottom: none;

	border-radius: 5px;

	text-align: center;

	line-height: unset;

}



.template_2 .group_container ul li a {

	display: block;

	letter-spacing: 2px;

	color: #ffffff;

	text-transform: uppercase;

	font-size: 13px;

	line-height: 41px;

}



#megamenu_globalmakepages .item_ul_container .item_icon {

	display: none;

}



/*.megamenu_content_container .template_1 .item_ul_container li {

	margin-left: 8%;

	padding: .5em 6em .5em 0;

	width: 40%;

}*/





/* RESPONSIVE MEDIA QUERIES *******************************************************/

/* SMALLER THAN 1350px ******************/

@media all and (max-width: 1350px) {

	/* HEADER SECTION *********************************************************/

	.fixed_header_spacer {

		height: 160px;

	}



	/* HEADER LEFT */
	
	.header_left {
    	margin: 12px 0 22px;
	}
	

	.header_left_make_logo {

		padding-right: 15px;

		height: 60px;

	}

	.header_left_site_logo {
		max-width: 155px;
	}

	/*.header_left_site_logo {

		padding-left: 20px;

		max-width: 220px;

	}*/

	.header_left_logo{
		
		margin-left: 2%;
		width: 18%;
	}


	/* HEADER RIGHT */

	.header_right {

		padding-right: 1%;

		font-size: 0.7em;

	}

	.header_right_address, .header_right_phone, .header_right_phone_divider {
		font-size: 10px;
	}
	
	#megamenu .parent_label {
    	font-size: 10px;
	}
	
	
	/* SMART SEARCH SECTION ***************************************************/

	.smart_search_box {

		margin-right: 1%;

	}

	

	/* SMART SEARCH LINKS */

	.smart_search_link {

		margin: 2.5% 2% 0;

	}

}


/* SMALLER THAN 1060px *************/

@media all and (max-width: 1060px) {
.header_right_address, .header_right_phone, .header_right_phone_divider {
		font-size: 8px;
	}
}

/* SMALLER THAN 960px *************/

@media all and (max-width: 960px) {

	/* HEADER SECTION ********************************************************

	.fixed_header_spacer {

		height: 160px;

	}*/



	/* HEADER LEFT 

	.header_left {

		margin-left: 1%;

		padding-left: 0;

	}



	.header_left_make_logo {

		padding-right: 10px;

		height: 60px;

	}



	.header_left_site_logo {

		padding-left: 10px;

		max-width: 180px;

	}*/



	/* HEADER RIGHT 

	.header_right {

		padding-top: 24px;

		font-size: 0.55em;

	}*/

	

	

}



/* SMALLER THAN 960px *****************/

@media all and (max-width: 960px) {

	/* HEADER SECTION *********************************************************/

	.header_wrapper.fixed_header_spacer {

		position: relative;

		height: auto;

		display: block;

	}

	

	.fixed_header_spacer {

		display: none;

	}

	

	.fixed_header_spacer .site_title {

		text-transform: uppercase;

	}

	

	/* HEADER LEFT */

	.header_left {

		display: none;

	}



	.header_left_mobile {

		margin: 2% 0;

		width: 85%;

		display: inline;

	}

	

	.header_left_mobile_wrapper {

		display: inline-block;

	}



	.header_left_mobile a {

		width: 100%;

		display: block;

		text-decoration: none;

	}



	.header_left_make_logo_wrapper {

		width: 33%;

	}

	

	.header_left_site_logo_wrapper {

		width: 54%;

	}



	.header_left_make_logo {

		padding-left: 10px;

		padding-right: 0;

		height: 60px;

		float: none;

		border-right: none;

	}


	.header_left_site_logo {
		max-width: 170px;

		margin: auto;

		padding-left: 0;

		float: none;

		display: block;

	}



	/* HEADER RIGHT */

	.header_right {

		display: none;

	}

	

	.header_right_mobile {

		margin-top: 5%;

		display: block;

	}

	

	.header_right_mobile .mobile_icon {

		width: 46%;

		display: inline-block;

		text-align: center;

	}

	

	.header_right_mobile .mobile_icon img {

		width: 90%;

		max-width: 50px;

	}



	#megamenu_mobile {

		top: 12%;

		display: block;

	}



	/* SMART SEARCH SECTION ***************************************************/

	.smart_search_wrapper .inner_content {

		width: 100%;

		padding-right: 0;

	}

	

	.smart_search_link_wrapper {

		display: none;

	}



	.smart_search_box {

		margin: 2%;

		width: 96%;

		box-sizing: border-box;

	}

}



/*----------- Smaller then 584px -------*/

@media all and (max-width: 584px) {

	.header_right_mobile {

		margin-top: 3%;

	}	

}