@charset "utf-8";

/* CSS Document */



/* NISSAN H16v1 TEMPLATE ******************************/

#custom_page_1 #header_wrapper {

	position: fixed;

	z-index: 601;

	width: 100%;

	background-color: transparent;

}



#header_wrapper {

	background-color: #000000;

}



.header_wrapper_background {

	position: relative;

	margin: 0 auto;

	width: 100%;

	max-width: 2000px;

	background-color: #000000;

}



#custom_page_1 .header_wrapper_background {

	background-color: transparent;

}



#header_wrapper .header_wrapper_background {

	display: flex;

	align-items: center;

	justify-content: space-between;

}



#custom_page_1 #megamenu_mobile_body {

	position: absolute;

	z-index: 101;

	width: 100%;

	max-height: 90vh;

	background-color: rgb(255, 255, 255);

	overflow-y: auto;

}



/* HEADER DEALER LOGO SECTION *********************************/

.header_logo_section {

	width: 20%;

	float: left;

}



.header_logo_section img {

	margin: 2% 5%;

	width: 90%;

	max-width: 210px;

}



/* HEADER NAV MEGAMENU SECTION *********************************/

.header_nav {

	width: 68%;

	float: left;

}



.header_nav .megamenu_navigation_container  .parent_li {

	text-align: center;

}



.header_nav .megamenu_navigation_container .parent_label {

	text-decoration: none;

	color: #ffffff;

	text-transform: uppercase;

	font-size: 0.8em;

}

.header_nav .megamenu_navigation_container .parent_label:hover {
  color: #c40030;
}

.megamenu_content_container {

	top: 1.5em;

}



.megamenu_content_container .template_2 {

    max-height: 65vh;

    overflow: auto;

}



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

.header_icons_section {

	width: 12%;

	float: right;

}



.header_icons_section a {

	text-decoration: none;

}



.header_icons_section .header_icon {

	/*margin: 15% 0 0;*/

	width: 33%;

	float: left;

	text-align: center;

	cursor: pointer;

}



.header_icons_section .header_icon img {

	width: 95%;

	max-width: 50px;

}



/* SMART SEARCH DROPDOWN CONTAINER *******************/

#smart_search_container {

	position: absolute;

	top: 0;

	right: 4.5%;

	z-index: 999;

	margin: 0 auto;

	width: 50%;

	height: 100%;

	box-sizing: border-box;

	background-color: #000000;

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}



#smart_search_container.closed {

	width: 0;

}



#smart_search_container #front_search_wrap {

	position: absolute;

	top: 50%;

	margin: 0 1.5%;

	width: 97%;

	transform: translateY(-50%);

}



#smart_search_container .smart-search input {

	padding: 0.5em;

	width: 100%;

	height: 2em;

	box-sizing: border-box;

	border: none;

}



#smart_search_container.closed .smart-search input {

	padding: 0;

}



#front_search_wrap .smart-search .result-wrapper {

	left: -84%;

	width: 90vw !important;

	max-height: 80vh;

    overflow: auto;

}



#smart_search_container #search_lbl {

	display: none;

}



/* PHONE DROPDOWN CONTAINER ******************/

#phone-drop-down-container {

	position: absolute;

	top: 100%;

	right: 0;

	width: 33%;

	height: auto;

	background-color: #ffffff;

	z-index: 999;

	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;

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

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

	border-radius: 0.1px;

}



#phone-drop-down-container.closed {

	height: 0;

	display: none;

}



#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 {

	font-size: 17px;

	display: block;

}



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

	text-decoration: none;

	color: #ffffff;

}



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

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

	font-size: 14px;

	display: block;

	background-color: #000000;

	color: #ffffff;

	padding: 15px;

	border-radius: 5px;

	margin-top: 5px;

}



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

	text-align: center;

	font-size: 15px;

	display: block;

	background-color: #cecece;

	color: #444444;

	border-top: 1px solid #414141;

	padding: 15px;

	cursor: pointer;

}





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

/* SMALLER THAN 1350px */

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

	/* HEADER DEALER LOGO SECTION *********************************/



	/* HEADER NAV MEGAMENU SECTION *********************************/

	.header_nav {

		width: 70%;

	}

	

	.header_nav .megamenu_navigation_container {

		font-size: 0.9em;

	}

	

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



	/* SMART SEARCH DROPDOWN CONTAINER */

	

}



/* SMALLER THAN 960px */

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

	/* HEADER DEALER LOGO SECTION *********************************/



	/* HEADER NAV MEGAMENU SECTION *********************************/

	.header_nav .megamenu_navigation_container {

		font-size: 0.75em;

	}



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



	/* PHONE DROPDOWN CONTAINER */

	#phone-drop-down-container {

		width: 50%;

	}

	

	/* SMART SEARCH DROPDOWN CONTAINER */

}



/* SMALLER THAN 768px */

@media only screen and (max-width: 768px) {

	#custom_page_1 #header_wrapper {

		position: absolute;

		display: inline-block;

		background-color: transparent;

	}

	

	.megamenu_mobile .toggle_menu_bar {

		background-color: #000000;

	}

	

	.megamenu_mobile .toggle_menu_bar .site_title {

		visibility: hidden;

	}

	

	.megamenu_mobile .toggle_menu_button {

		background-color: #000000;

	}

	

	/* HEADER DEALER LOGO SECTION *********************************/

	.header_logo_section img {

		width: 48%;

	}



	/* HEADER NAV MEGAMENU SECTION *********************************/

	.header_logo_section {

		width: 70%

	}

	

	.header_nav {

		display: none;

	}

	

	.header_icons_section {

		width: 30%

	}

	

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

	#smart_search_container {

		width: 74%;

		right: 10%;

	}

	

	#front_search_wrap .smart-search .result-wrapper {

		width: 70vw !important;

		left: 0;

	}

	

	/* PHONE DROPDOWN CONTAINER */

	#phone-drop-down-container {

		position: absolute;

		top: 100%;

		left: 0;

		right: 0;

		margin: 0 auto;

		width: 100%;

	}



	/* SMART SEARCH DROPDOWN CONTAINER */

	

}



/* SMALLER THAN 584px */

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

	/* HEADER DEALER LOGO SECTION *********************************/



	/* HEADER NAV MEGAMENU SECTION *********************************/



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



	/* SMART SEARCH DROPDOWN CONTAINER */

	

}



/* SMALLER THAN 500px */

@media only screen and (max-width: 500px) {

	/* HEADER DEALER LOGO SECTION *********************************/



	/* HEADER NAV MEGAMENU SECTION *********************************/



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



	/* SMART SEARCH DROPDOWN CONTAINER */

	

}



@media only screen and (max-width: 768px) {
	.header_logo_section img {
		width: 78%;
	}
}