/* declared fonts */
@font-face {
	font-family: 'Avenir bold';
	src: local('/content/fonts/Avenir Next Rounded Std Regular'), local('Avenir-Heavy'), url('/content/fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'), url('/content/fonts/Avenir-Heavy.woff2') format('woff2'), url('/content/fonts/Avenir-Heavy.woff') format('woff'), url('/content/fonts/Avenir-Heavy.ttf') format('truetype'), url('/content/fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
}

@font-face {
	font-family: 'Avenir medium';
	src: url('../fonts/Avenir-Medium.eot');
	src: local('/content/fonts/Avenir-Medium'), local('Avenir-Medium'), url('/content/fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'), url('/content/fonts/Avenir-Medium.woff2') format('woff2'), url('/content/fonts/Avenir-Medium.woff') format('woff'), url('/content/fonts/Avenir-Medium.ttf') format('truetype'), url('/content/fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
}

@font-face {
	font-family: 'Avenir next heavy';
	src: url('../fonts/AvenirNextLTProBold.eot');
	src: local('/content/fonts/AvenirNextLTProBold'), local('AvenirNextLTProBold'), url('/content/fonts/AvenirNextLTProBold.eot?#iefix') format('embedded-opentype'), url('/content/fonts/AvenirNextLTProBold.woff2') format('woff2'), url('/content/fonts/AvenirNextLTProBold.woff') format('woff'), url('/content/fonts/AvenirNextLTProBold.ttf') format('truetype'), url('/content/fonts/AvenirNextLTProBold.svg#AvenirNextLTProBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir book';
	src: url('../fonts/Avenir-Book.eot');
	src: local('/content/fonts/Avenir-Book'), local('Avenir-Book'), url('/content/fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'), url('/content/fonts/Avenir-Book.woff2') format('woff2'), url('/content/fonts/Avenir-Book.woff') format('woff'), url('/content/fonts/Avenir-Book.ttf') format('truetype'), url('/content/fonts/Avenir-Book.svg#Avenir-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FontAwesome';
	src: url('/content/fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('/content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/content/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/content/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/content/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/content/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}
/* end declared fonts */

/* Canada button */
.btnCA {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px 25px;
	font-family: "Avenir next heavy";
	color: #007cc3;
	border: 1px solid #007cc3;
}

	.btnCA:hover {
		background-color: #007cc3;
		color: #fff;
	}

	.btnCA:active, .btn:focus {
		box-shadow: none;
	}

	.btnCA.disabled, .btnCA:disabled {
		opacity: .65;
	}

		.btnCA:disabled:hover {
			background-color: #fff;
			color: #007cc3;
			cursor: default;
		}
/* end Canada button */

/* button Canada French */
.btnFRCA {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px 25px;
	font-family: "Avenir next heavy";
	color: #007cc3;
	border: 1px solid #007cc3;
}

	.btnFRCA:hover {
		background-color: #007cc3;
		color: #fff;
	}

	.btnFRCA:active, .btn:focus {
		box-shadow: none;
	}

	.btnFRCA.disabled, .btnFRCA:disabled {
		opacity: .65;
	}

		.btnFRCA:disabled:hover {
			background-color: #fff;
			color: #007cc3;
			cursor: default;
		}
/* end Canada French button */

/* button Latin America */
.btnLatn {
	background-color: #e6001a;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 10px 25px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #fff;
	border: 1px solid #e6001a;
	text-transform: uppercase;
}

	.btnLatn:hover {
		background-color: #e6001a;
		color: #fff;
	}

	.btnLatn:active, .btn:focus {
		box-shadow: none;
	}

	.btnLatn.disabled, .btnLatn:disabled {
		opacity: .65;
	}

		.btnLatn:disabled:hover {
			background-color: #e6001a;
			color: #fff;
			cursor: default;
		}
/* end Latin America button */


[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: unset;
}

html {
	min-height: 100%;
	position: relative;
}

body {
	font-family: "Avenir medium";
	overflow-x: hidden;
	margin-bottom: 110px;
}

.error {
	border: solid 2px red;
}

.strong {
	font-family: "Avenir next heavy";
}

/* Customized dropdown select */
select::-ms-expand {
	display: none;
}

.select-styled {
	color: #000;
	text-align: left;
	padding-left: 5px;
	cursor: pointer;
	height: 44px;
}

	.select-styled.addTopPadding{
		padding-top:10px;
	}

	.select-options {
		display: none;
		top: 100%;
		right: 0;
		left: 0;
		z-index: 999;
		margin: 0;
		padding: 0;
		list-style: none;
		color: #000;
		background-color: #fff;
		position: absolute;
		text-align: left;
		border: 1px solid #D1D1D1;
	}

	.select-options li {
		padding: 5px 10px;
	}

		.select-options li:hover {
			background-color: #1b8cfb;
			color: #fff;
			cursor: pointer;
		}

		.select-options li.active {
			background-color: #1b8cfb;
		}

.styled-select {
	background: url('/content/images/common/rounded-arrow-down.png') no-repeat 96% 0 #fff;
	width: 270px;
	margin: 0px auto;
	position: relative;
}

	.styled-select select {
		background: transparent;
		border: none;
		width: 100%;
		font-family: "Avenir medium";
		border: none;
		box-shadow: none;
		background-color: transparent;
		background-image: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		height: 45px;
		padding: 0 10px;
	}

		.styled-select select:disabled, select[disabled]::-ms-value {
			color: #000;
		}

	.styled-select.region {
		height: 42px;
		width: 320px;
		background-color: #fff;
		text-align: right;
		background: url('/content/images/consumer/honda/honda-consumer-dropdown-img.jpg') no-repeat right center;
	}

		.styled-select.region select {
			font-size: 16px;
			height: 45px;
			width: 100%;
			line-height: 140%;
			float: left;
		}

	.styled-select.slate {
		text-align: right;
		background: url('/content/images/consumer/honda/honda-consumer-dropdown-img.jpg') no-repeat right center #fff;
		height: 44px;
	}

.dealer .styled-select.slate select {
	width: 100%;
}

.dealer .select-options {
	outline: #6c757d solid 1px;
}

.styled-select.slate.dealerdropdown ul {
	max-height: 110px;
	overflow-y: auto;
	height: auto;
}
/* Customized dropdown select */

/*LAC Country Modal */

.modal-open .modal {
	overflow-y: hidden;
}

#LACCountries .modal-body {
	height: auto;
	max-height: 315px;
	width: 300px;
	overflow-y: auto;
	font-size: 16px;
}


#LACCountries .modal-dialog {
	position: absolute;
	width: 310px;
	height: 310px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
}

#LACCountries .list-group-item {
	padding: 0.15rem 1.25rem;
}

#LACCountries .card-body {
	padding: 0;
}

#LACCountries .card-header {
	padding: .75rem 1.0rem;
}

#LACCountries .accordion .card-header:after {
	font-family: 'FontAwesome';
	content: "\f068";
	float: right;
}

#LACCountries .accordion .card-header.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\f067";
}


/*end LAC Country Modal */

/* tool tip */
.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #000;
	text-align: center;
	background-color: #fff;
	border-radius: .25rem;
}
/* end tool tip */

/* bootstrap overwritten css */


/* header */
.content-usa {
	display: none;
}

.content-can-fre {
	display: none;
}

.content-can-eng {
	display: none;
}

.content-lac-es {
	display: none;
}

.content-lac-eng {
	display: none;
}

.active-usa .content-usa {
	display: block;
}

.active-can-eng .content-can-eng {
	display: block;
}

.active-can-fre .content-can-fre {
	display: block;
}

.active-lac-es .content-lac-es {
	display: block;
}

.active-lac-eng .content-lac-eng {
	display: block;
}


header .logo-container {
	display: inline-block;
	position: relative;
	z-index: 9;
	width: 80%;
}

nav.navbar {
	position: absolute;
	top: 10px;
	right: 0;
	width: 100%;
}

	nav.navbar #navbarSupportedContent {
		background-color: #ffffff;
		z-index: 99;
	}
/* end header */
/* language selection page */
.language-background-image {
	/*background: url('/content/images/consumer/honda/welcome-body-bg-image.jpg') no-repeat center center;*/
	background-color: #000;
	background-size: auto auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 720px;
}

	.language-background-image.common {
		position: relative;
	}

.panel-language {
	padding-top: 145px;
}

.common {
	color: #fff;
	text-align: center;
	padding: 0 15px;
}

	.common h1, .select-country-2 p {
		font-family: "Avenir next heavy";
		font-size: 18px;
	}

.default {
	font-size: 25px;
	font-family: 'Avenir next heavy';
}

.gray-bg {
	background-color: #bebfbf;
}

.gray-box p {
	font-size: 20px;
}

.gray-box {
	width: 100%;
}
/* button */
.btn:disabled {
	cursor: default;
}

.language-background-image .btn:focus, .language-background-image button {
	outline-color: #fff;
}

.page-crumb .per-crumb .circ-group a {
	display: inline-block;
}

.page-crumb .per-crumb .circ-group .circ {
	margin: 0 auto;
}

.btn:focus, button:focus, a:focus {
	outline: dotted;
	outline-color: #000;
	outline-width: thin;
}

.active-can-eng .btn,
.active-can-fre .btn {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 25px;
	font-family: "Avenir next heavy";
	color: #007cc3;
	border: 1px solid #007cc3;
}

	.active-can-eng .btn:hover,
	.active-can-fre .btn:hover {
		background-color: #007cc3;
		color: #fff;
	}

	.active-can-eng .btn:disabled:hover,
	.active-can-fre .btn:disabled:hover {
		background-color: #fff;
		color: #007cc3;
	}

.active-usa .btn {
	background-color: #007cc3;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 5px 25px;
	font-family: "Avenir next heavy";
	color: #fff;
	border: 4px solid #007cc3;
}

	.active-usa .btn:hover {
		background-color: #fff;
		color: #007cc3;
	}

	.active-usa .btn:disabled:hover {
		background-color: #007cc3;
		color: #fff;
	}
/* end language selection page */

/* welcome page */
.panel-welcome-text {
	width: 100%;
	display: table;
	left: 0;
	right: 0;
	height: 720px;
}

	.panel-welcome-text .panel-welcome-inline {
		display: table-cell;
		vertical-align: middle;
		padding: 0 15px;
	}

		.panel-welcome-text .panel-welcome-inline h1 {
			margin-bottom: 15px;
		}

		.panel-welcome-text .panel-welcome-inline p a {
			color: #fff;
			text-decoration: underline;
		}

	.panel-welcome-text p {
		text-align: left;
	}

/* end welcome page */

/* Custom file type*/
.input-field-grouping .custom-uploaded-file {
	border: solid 1px #007cc3;
	padding: 10px;
	word-wrap: break-word;
}

.page-content .content .input-field-grouping .custom-uploaded-file p {
	margin-bottom: 0;
	font-family: 'Avenir next heavy';
	color: #7f7f7f;
}

.input-field-grouping .uploaded-file-container {
	min-width: 50%;
	max-width: 55%;
}
/* End Custom file type*/

/* menu */
#navbarSupportedContent {
	margin-top: 10px;
}

	#navbarSupportedContent:focus {
		outline: none;
	}

.page-crumb .per-crumb .circ-group .circ {
	margin: 0 auto;
	background: #fff;
	border: 1px solid #7d7e81;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	width: 32px;
	height: 32px;
}

.page-crumb .per-crumb.active .circ-group .circ .circ-inner {
	width: 20px;
	height: 20px;
	border: 1px solid #7d7e81;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	margin: 5px;
}

.page-crumb .per-crumb .circ-group .circ-label {
	text-align: left;
	color: #000;
	width: 100%;
	font-size: 10px;
	transform: rotate(0.001deg) !important;
	padding: 0 0 0 10px;
}

.page-crumb .per-crumb .circ-group .circ .circ-inner {
	width: 20px;
	height: 20px;
	border: 1px solid #7d7e81;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	margin: 5px;
}

.page-crumb .per-crumb:nth-child(even) .dotted-line {
	margin-top: 20px;
	border-top: 4px dotted #77787b;
}

.page-crumb .per-crumb:nth-child(even) {
	width: 8.333%;
	padding-left: 8px;
	padding-right: 8px;
	display: none;
}

.page-crumb {
	border-top: 3px solid #bebfbf;
	border-bottom: 3px solid #bebfbf;
	float: left;
	width: 100%;
	padding: 0px 15px;
}

	.page-crumb .per-crumb {
		padding: 5px;
		text-align: center;
		width: 100%;
	}

.circ-label p {
	font-size: 14px;
	line-height: 120%;
	font-family: 'Avenir book';
}

/* end menu */

/* content */
.single-page .page-content {
	border-top: 3px solid #bebfbf;
}

.page-content h1, .page-content .title {
	font-size: 20px;
	font-family: "Avenir bold";
}

.page-content .link-container {
	font-size: 12px;
}

	.page-content .link-container a {
		text-decoration: underline;
	}

.page-content .content p {
	margin-bottom: 15px;
}

.page-content p.strong {
	font-family: Avenir next heavy;
}

.page-content ul.number {
	list-style: decimal;
	margin-left: 15px
}

.page-content ul.letter {
	list-style: upper-alpha;
	margin-left: 15px
}

.page-content .download-PDF-container .pdf-filename {
	display: block;
}

.acc-title {
	font-family: "Avenir bold";
	font-size: 18px;
}

.card-header-cont {
	cursor: pointer;
}

	.card-header-cont p {
		font-family: 'Avenir bold';
	}

		.card-header-cont p:before {
			content: url('/content/images/common/rounded-arrow-right.png');
			float: left;
			transition: all 0.5s;
			color: #017bc0;
			margin-right: 10px;
		}

	.card-header-cont.active p:before {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
	}

#faq-toggle {
	cursor: pointer;
}

.per-link a {
	font-size: 20px;
	font-family: 'Avenir bold';
}

.imageLoader {
	width: 150px;
	height: 30px;
	margin: 0px auto;
}
/* end content */


/* dealer */
#dealer-menu .nav-item,
.login-container {
	font-family: "Avenir next heavy";
}

.log-out {
	text-decoration: underline;
}

.dealer .custom-dropdown {
	width: 270px;
}

.dealer .title {
	font-size: 25px;
	color: #007cc3;
	font-family: "Avenir bold";
}

.column-container .per-column .btn-container {
	bottom: 10px;
	left: 0;
	right: 0;
}

.tbl-design td {
	border-bottom: 1px solid #939598;
	border-right: 1px solid #939598;
	padding: 5px 10px;
}

.tbl-design {
	border-top: 1px solid #939598;
	border-left: 1px solid #939598;
}

	.tbl-design thead th {
		border-color: #939598;
		border-top: 0;
		border-right: 1px solid #939598;
		padding: 5px 10px;
		background-color: #e8e8e8;
	}

table .action-btn {
	background: transparent;
	border: 0;
	text-decoration: underline;
}
/* end dealer*/


/* footer */
.active-can-eng footer a,
.active-can-fre footer a,
.active-lac-es footer a,
.active-lac-eng footer a,
.active-can-eng footer a:hover,
.active-can-fre footer a:hover,
.active-lac-es footer a:hover {
	color: #000;
}

	.active-lac-eng footer a:hover {
		color: #000;
	}

.active-usa footer ul li a, footer ul li a:hover {
	color: #007cc3;
}

footer {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}

	footer.footer-container {
		position: absolute;
		width: 100%;
		bottom: 0;
		height: 110px;
	}

		footer.footer-container ul li {
			display: inline-block;
			padding: 0px 10px;
			line-height: 100%;
			border-right: 2px solid #000;
		}

			footer.footer-container ul li:last-child {
				border-right: 0;
			}

	footer ul li a {
		text-decoration: none;
		font-family: "Avenir bold";
	}

	footer p {
		margin-bottom: 0;
	}

		footer p a {
			color: #000;
		}
/* end footer */

/* responsive */
@media (min-width: 576px) {
	/* Customized dropdown select */
	.styled-select {
		width: 270px;
	}
	/* end Customized dropdown select */
	/* menu */
	header .logo-container {
		width: 90%;
	}

	.input-field-grouping .uploaded-file-container {
		min-width: 40%;
		max-width: 65%;
	}
}

@media (min-width: 768px) {

	/* content */
	.single-page .border-width-right {
		border-right: 3px solid #bebfbf;
	}

	.with-min-height {
		min-height: 60px;
	}

	.common h1, .select-country-2 p {
		font-size: 24px;
	}

	.page-content h1, .page-content .title {
		font-size: 25px;
	}
	/* end content */

	/*Custom Dropdown*/

	.select-styled.addTopPadding {
	}

	.select-styled {
		color: #000;
		text-align: left;
		padding-left: 5px;
		padding-top: 10px;
		cursor: pointer;
		height: 44px;
	}

	.styled-select.slate {
		height: 42px;
		width: 382px;
		background-color: #fff;
		text-align: right;
		background: url('/content/images/consumer/acura/acura-consumer-dropdown-img.jpg') no-repeat right center;
	}

		.styled-select.slate.dealerdropdown {
			height: 42px;
			width: 270px;
			background-color: #fff;
			text-align: right;
			background: url('/content/images/consumer/acura/acura-consumer-dropdown-img.jpg') no-repeat right center;
		}

	/*end Custom Dropdown*/

	/*LAC Country Modal*/
	#LACCountries .modal-dialog {
		position: absolute;
		width: 310px;
		top: 50%;
		left: 50%;
		transform: translate(60%, -50%) !important;
	}

	/*end LAC Country Modal*/

	/* dealer */
	.column-container .per-column .btn-container {
		position: absolute;
	}

	.gray-box {
		width: 600px;
	}
	/* end dealer */

	/* footer */
	footer {
		padding-top: 15px;
	}
	/* end footer */
}

@media (min-width: 992px) {
	/* welcome page */
	.panel-welcome-text {
		width: 800px;
	}
	/* end welcome page */
	/* menu */
	#navbarSupportedContent {
		margin-top: 0px;
	}

	.page-crumb .per-crumb {
		width: 9.6%;
		padding: 25px 0px;
	}

	.circ-label p .step {
		display: block;
	}

	.page-crumb .per-crumb:nth-child(even) {
		display: block;
	}

	.page-crumb .per-crumb .circ-group .circ-label {
		text-align: center;
		padding: 15px 0px;
	}

	.page-crumb .per-crumb .circ-group .circ .circ-inner,
	.page-crumb .per-crumb.active .circ-group .circ .circ-inner {
		width: 30px;
		height: 30px;
	}

	.page-crumb .per-crumb .circ-group .circ {
		width: 42px;
		height: 42px;
	}

	header .logo-container {
		display: block;
		width: 100%;
	}

	nav.navbar {
		position: static;
	}
	/* end menu */
}

@media (min-width: 1025px) {
}

@media (min-width: 1200px) {
}
/* responsive */


@media (min-width: 1600px) {
}