@media ( min-width : 992px) {
	.mobile, .tablet {
		display: none !important
	}
}

@media ( max-width : 991px) and (min-width: 767px) {
	.mobile, .desktop {
		display: none !important
	}
}

@media ( max-width : 767px) {
	.desktop, .tablet {
		display: none !important
	}
}

@
-moz-keyframes spin {
	from {-moz-transform: rotate(0deg)
}

to {
	-moz-transform: rotate(360deg)
}

}
@
-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg)
}

to {
	-webkit-transform: rotate(360deg)
}

}
@
keyframes spin {
	from {transform: rotate(0deg)
}

to {
	transform: rotate(360deg)
}

}
.overview-references {
	padding-top: 40px;
	font-size: 0;
	text-align: center
}

.overview-references .contain {
	max-width: 870px;
	padding: 0 20px
}

@media ( max-width : 700px) {
	.overview-references {
		padding-top: 20px
	}
	.overview-references .contain {
		padding: 0 5px
	}
}

.reference-card {
	display: inline-block;
	font-size: 14px;
	width: calc(50% - 10px);
	margin: 0 5px 10px;
	background: #2f2f2f;
	color: #fff;
	position: relative;
	box-shadow: 0 1px 3px 0 rgba(39, 48, 59, 0.24);
	border-radius: 2px;
	overflow: hidden;
	text-align: center;
	height: 190px;
	padding: 35px 35px 37px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: top
}

.reference-card-finance {
	display: inline-block;
	font-size: 14px;
	width: calc(50% - 10px);
	margin: 0 5px 10px;
	color: #fff;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	text-align: center;
	height: 225px;
	padding: 35px 35px 37px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: top
}

.reference-card>strong, .reference-card-finance>strong {
	display: block;
	font: 500 22px/1em "KIA", sans-serif;
	letter-spacing: .9px;
	margin-bottom: 16px
}

.reference-card>p,.reference-card-finance>p {
	color: #c7c7c7;
	margin: 0 auto;
	font: 14px/1.5em "Source Sans Pro", sans-serif;
	letter-spacing: .6px
}

.reference-card .button, .reference-card-finance .button {
	text-shadow: none;
	position: absolute;
	bottom: 37px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 175px;
	text-align: center;
	padding: 0
}

@media ( max-width : 700px) {
	.reference-card,.reference-card-finance {
		width: calc(100% - 10px);
		max-width: 505px;
		height: 188px;
		padding: 18px 35px 20px
	}
	.reference-card>strong,.reference-card-finance>strong {
		font-size: 18px;
		margin-bottom: 12px
	}
	.reference-card>p,.reference-card-finance>p {
		font-size: 13px;
		max-width: 230px
	}
	.reference-card>.button,.reference-card-finance>.button {
		bottom: 20px;
		max-width: 172px
	}
}

.reference-card.account-alerts, .reference-card.paperless,
	.reference-card.maintenance {
	background-image:
		url("../../../../../content/dam/kia/us/owners/image/common/image_reference_card_1.jpg")
}

.reference-card.autopay, .reference-card.manuals {
	background-image:
		url("../../../../../content/dam/kia/us/owners/image/common/image_reference_card_2.jpg")
}

.reference-card.warranty {
	background-image:
		url("../../../../../content/dam/kia/us/owners/image/common/image_reference_card_3.jpg")
}

.reference-card.documents {
	background-image:
		url("../../../../../content/dam/kia/us/owners/image/common/image_reference_card_4.jpg")
}

.reference-card.indicator-lights {
	background-image:
		url("../../../../../content/dam/kia/us/owners/image/feature/maintenance/indicator-light.png")
}
.reference-card.indicator-lights.gas {margin: 0 0px 10px 0;}

.reference-card.tires {
	background-image:
		url("../../../../../content/dam/kia/us/owners/image/feature/maintenance/img_background_tires.png")
}
@media ( min-width : 992px) {
	.mobile, .tablet {
		display: none !important
	}
}

@media ( max-width : 991px) and (min-width: 767px) {
	.mobile, .desktop {
		display: none !important
	}
}

@media ( max-width : 767px) {
	.desktop, .tablet {
		display: none !important
	}
}

@
-moz-keyframes spin {
	from {-moz-transform: rotate(0deg)
}

to {
	-moz-transform: rotate(360deg)
}

}
@
-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg)
}

to {
	-webkit-transform: rotate(360deg)
}

}
@
keyframes spin {
	from {transform: rotate(0deg)
}

to {
	transform: rotate(360deg)
}

}
.overview-references>*, .overview-maintenance>* {
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1)
}

.view-overview.communicating .overview-references>*, .view-overview.communicating .overview-maintenance>*
	{
	opacity: .3;
	pointer-events: none !important
}

.view-overview.communicating .overview-remote-commands-header,
	.view-overview.communicating .overview-remote-commands .overview-remote-command
	{
	pointer-events: none !important;
	cursor: default !important
}

.view-overview.communicating .overview-remote-commands-header *,
	.view-overview.communicating .overview-remote-commands .overview-remote-command *
	{
	cursor: default !important;
	pointer-events: none !important
}

.view-overview.communicating .overview-remote-commands-header *.action-button,
	.view-overview.communicating .overview-remote-commands .overview-remote-command *.action-button
	{
	pointer-events: none !important
}

.view-overview.communicating .overview-remote-commands-header:not (.communicating
	), .view-overview.communicating .overview-remote-commands .overview-remote-command:not
	(.communicating ){
	opacity: .3
}

.overview-remote-commands {
	font-size: 0px;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
	user-select: none;
	text-align: center
}

.overview-remote-commands .contain {
	max-width: 870px;
	padding: 0 20px
}

@media ( max-width : 700px) {
	.overview-remote-commands .contain {
		padding: 0 5px
	}
}

.overview-remote-commands-header {
	margin-bottom: 22px;
	padding: 0 5px;
	position: relative;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1)
}

.overview-remote-commands-header>strong {
	font: bold 12px/1em "KIA", sans-serif;
	display: block;
	text-transform: uppercase;
	text-align: left;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1)
}

@media ( max-width : 700px) {
	.overview-remote-commands-header {
		display: none
	}
}

@media ( max-width : 767px) {
	.overview-remote-commands .commands {
		max-width: 520px;
		margin: 0 auto;
		text-align: left
	}
}

.overview-remote-command {
	display: inline-block;
	font-size: 11px;
	width: calc(25% - 10px);
	background: #fff;
	box-shadow: 0 1px 3px 0 rgba(39, 48, 59, 0.24);
	border-radius: 2px;
	overflow: hidden;
	position: relative;
	margin: 0 5px;
	max-width: 250px;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
	height: 142px
}

.overview-remote-command.communicating .overview-remote-command-header-state
	{
	transform: translateY(-25px);
	opacity: 0
}

.overview-remote-command.communicating .overview-remote-command-header .transitioning-messages
	{
	transform: translateY(0)
}

.overview-remote-command.communicating .overview-remote-command-header .transitioning-messages>span.active
	{
	opacity: 1 !important
}

.overview-remote-command.communicating .overview-remote-command-icon .icon-remote
	{
	transform: translate(-50%, -50%) scale(0.5);
	opacity: 0
}

.overview-remote-command.communicating .overview-remote-command-icon .spinner
	{
	opacity: 1;
	transform: translate(-50%, -50%) scale(1)
}

.overview-remote-command.communicating .overview-remote-command-actions .action-buttons
	{
	opacity: 0
}

.overview-remote-command.communicating .overview-remote-command-actions .action-buttons .action-button
	{
	line-height: 90px;
	pointer-events: none
}

.overview-remote-command.communicating .overview-remote-command-actions .action-transitioning-message
	{
	opacity: 1;
	transform: translateY(0)
}

.overview-remote-command-header {
	height: 82px;
	position: relative
}

.overview-remote-command-header-extra-info {
	position: absolute;
	top: 38px;
	text-align: center;
	width: 100%
}

.overview-remote-command-header-extra-info+.overview-remote-command-header .transitioning-messages,
	.overview-remote-command-header-extra-info+.overview-remote-command-header .overview-remote-command-header-state
	{
	margin-top: -20px
}

.overview-remote-command-header-extra-info .extra-info {
	width: 76px;
	position: absolute;
	left: 0
}

.overview-remote-command-header-extra-info .extra-info.right {
	left: auto;
	right: 0
}

.overview-remote-command-header-extra-info strong {
	display: block;
	font: bold 15px/1em "KIA", sans-serif;
	letter-spacing: .3px;
	color: #2f2f2f
}

.overview-remote-command-header-extra-info strong span {
	display: inline-block;
	font-size: 12px;
	margin-left: -3px
}

.overview-remote-command-header-extra-info em {
	display: block;
	font-size: 10px;
	letter-spacing: .3px;
	color: #8E8E8E;
	font-style: normal
}

.overview-remote-command-header>.transitioning-messages,
	.overview-remote-command-header-state {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	user-select: none;
	pointer-events: none;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1)
}

.overview-remote-command-header>.transitioning-messages>span,
	.overview-remote-command-header-state>span {
	display: block;
	width: 100%;
	max-width: 90%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: -10px;
	font: bold 11px/1em "KIA", sans-serif;
	letter-spacing: .3px;
	color: #2f2f2f;
	text-transform: uppercase;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
	opacity: 0
}

.overview-remote-command-header>.transitioning-messages>span.active,
	.overview-remote-command-header-state>span.active {
	opacity: 1
}

.overview-remote-command-header .transitioning-messages {
	transform: translateY(25px)
}

.overview-remote-command-header .transitioning-messages>span {
	opacity: 0 !important
}

.overview-remote-command-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	background: #fff;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	pointer-events: none
}

.overview-remote-command-icon .spinner, .overview-remote-command-icon .icon-remote
	{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1)
}

.overview-remote-command-icon .icon-remote i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0
}

.overview-remote-command-icon .icon-remote i.active {
	opacity: 1
}

.overview-remote-command-icon .spinner {
	opacity: 0;
	transform: translate(-50%, -50%) scale(0)
}

.overview-remote-command-actions {
	position: relative;
	background: #444444;
	color: #fff;
	height: 60px
}

.overview-remote-command-actions .action-buttons {
	position: relative;
	height: 100%
}

.overview-remote-command-actions .action-buttons.split .action-button {
	opacity: 1 !important;
	width: 50%;
	pointer-events: all !important
}

.overview-remote-command-actions .action-buttons.split .action-button:last-child
	{
	left: auto;
	right: 0
}

.overview-remote-command-actions .action-buttons.split .action-button:last-child:after
	{
	display: block;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 1px;
	bottom: 0;
	background: #292929;
	transform: translateX(-50%)
}

.overview-remote-command-actions .action-buttons .action-button {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	line-height: 60px;
	text-align: center;
	font: bold 11px/60px "KIA", sans-serif;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
	pointer-events: none;
	opacity: 0
}

.overview-remote-command-actions .action-buttons .action-button.active {
	opacity: 1;
	pointer-events: all
}

@media ( min-width : 991px) {
	.overview-remote-command-actions .action-buttons .action-button:hover {
		background: #C4172C;
		cursor: pointer
	}
}

@media ( max-width : 991px) {
	.overview-remote-command-actions .action-buttons .action-button:active {
		background: #C4172C;
		cursor: pointer
	}
}

.overview-remote-command-actions .action-transitioning-message {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-25px)
}

.overview-remote-command-actions .action-transitioning-message span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 100%;
	max-width: 140px;
	text-align: center;
	font: 11px/1.25em "Source Sans Pro", sans-serif;
	letter-spacing: .3px;
	margin-top: 5px
}

@media ( max-width : 767px) {
	.overview-remote-command {
		width: calc(50% - 10px);
		margin-bottom: 10px;
		height: 125px
	}
	.overview-remote-command-header {
		height: 75px
	}
	.overview-remote-command-header-extra-info {
		top: 38px
	}
	.overview-remote-command-header-extra-info .extra-info {
		width: 60px
	}
	.overview-remote-command-header-extra-info strong {
		font-size: 14px
	}
	.overview-remote-command-header>.transitioning-messages>span,
		.overview-remote-command-header-state>span {
		font-size: 9px;
		letter-spacing: .2px
	}
	.overview-remote-command-icon {
		width: 40px;
		height: 40px
	}
	.overview-remote-command-icon .icon-remote {
		width: inherit;
		height: inherit;
		max-width: 100%
	}
	.overview-remote-command-icon .icon-remote i {
		max-width: 100%
	}
	.overview-remote-command-actions {
		height: 51px
	}
	.overview-remote-command-actions .action-buttons .action-button {
		font-size: 9px;
		line-height: 51px;
		letter-spacing: 1.1px
	}
	.overview-remote-command-actions .action-transitioning-message {
		margin-top: -10px
	}
}

.overview-locked {
	position: relative;
	height: inherit;
	overflow: hidden;
	cursor: pointer;
	text-align: center !important
}

@media ( min-width : 767px) {
	.overview-locked:hover .overview-locked-main {
		margin-top: -15px
	}
	.overview-locked:hover .overview-locked-button {
		transform: translateY(0)
	}
}

.overview-locked-main {
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	bottom: 0;
	transform: translate(-50%, -50%);
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
	height: 60px;
	overflow: hidden;
	width: 100%;
	display: block
}

.overview-locked-main strong {
	display: block;
	padding-top: 10px;
	font: bold 11px/1em "KIA", sans-serif;
	text-transform: uppercase;
	letter-spacing: .3px
}

.overview-locked-button {
	padding: 0 10px 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
	transform: translateY(100%)
}

@media ( max-width : 767px) {
	.overview-locked-main strong {
		font-size: 9px;
		letter-spacing: .2px
	}
}

.icon-motor {
	width: 36px;
	height: 36px;
	display: inline-block;
	background: url("../../../../../content/dam/kia/us/owners/image/feature/dashboard/remote-commands/engine_on.png") center/contain no-repeat
}

.icon-motor.state-2 {
	background-image: url("../../../../../content/dam/kia/us/owners/image/feature/dashboard/remote-commands/engine_off.png")
}

.icon-lock {
	width: 36px;
	height: 36px;
	display: inline-block;
	background: url("../../../../../content/dam/kia/us/owners/image/feature/dashboard/remote-commands/doors_unlock.png") center/contain no-repeat
}

.icon-lock.state-2 {
	background-image: url("../../../../../content/dam/kia/us/owners/image/feature/dashboard/remote-commands/doors_locked.png")
}

.icon-locked {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url("../../../../../content/dam/kia/us/owners/image/common/icon/icon_lock_red.svg") center/contain no-repeat
}

.icon-fan {
	width: 36px;
	height: 36px;
	display: inline-block;
	background: url("../../../../../content/dam/kia/us/owners/image/feature/dashboard/remote-commands/climate_on.png") center/contain no-repeat
}
.icon-svm {
	width: 50px;
	height: 50px;
	display: inline-block;
	background: url("../../../../../content/dam/kia/us/owners/image/feature/locations/camera-svg.svg") center/contain no-repeat
}
.icon-svm-remove {
	width: 36px;
	height: 36px;
	display: inline-block;
	background: url("../../../../../content/dam/kia/us/owners/image/feature/dashboard/remote-commands/view_360.png") center/contain no-repeat
}
.icon-fan.state-2 {
	background-image: url("../../../../../content/dam/kia/us/owners/image/feature/dashboard/remote-commands/climate_off.png")
}

.icon-charging {
	width: 36px;
	height: 36px;
	display: inline-block;
	background: url("../../../../../content/dam/kia/us/owners/image/feature/dashboard/remote-commands/charge_50.png") center/contain no-repeat
}

.icon-charging.state-2 {
	background-image: url("../../../../../content/dam/kia/us/owners/image/feature/dashboard/remote-commands/charge_plugged.png")
}

.icon-charging.state-3 {
	background-image: url("../../../../../content/dam/kia/us/owners/image/feature/dashboard/remote-commands/charge_unplugged.png")
}

.icon-communicating {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url("../../../../../content/dam/kia/us/owners/image/common/icon/icon_communicating.png") center/contain
		no-repeat;
	animation: spin 1s infinite linear
}

.icon-communicating.white {
	background-image: url("../../../../../content/dam/kia/us/owners/image/common/icon/icon_communicating_white.png");
	width: 17px;
	height: 17px
}

.icon-refresh {
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url("../../../../../content/dam/kia/us/owners/image/common/icon/icon_refresh.svg") center/contain no-repeat;
	vertical-align: middle
}

.updating-icon-status {
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	width: 18px;
	position: relative;
	margin-left: 12px
}

.updating-icon-status span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	width: inherit;
	height: inherit;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
	opacity: 1
}

.updating-icon-status span.refreshing {
	transform: translate(-50%, -50%) scale(0.5);
	opacity: 0
}

.updating-icon-status span.active {
	opacity: 1
}

.updating-icon-status span i {
	display: block;
	position: absolute;
	max-width: 100%;
	max-height: 100%
}

.refreshing .overview-references>*, .refreshing .overview-maintenance>*
	{
	opacity: .3;
	pointer-events: none !important
}

.refreshing .overview-remote-commands {
	pointer-events: none !important
}

.refreshing .overview-remote-commands-header>strong, .refreshing .overview-remote-commands .overview-remote-command
	{
	opacity: .3;
	pointer-events: none !important
}

.refreshing .overview-remote-commands-header>strong .action-button,
	.refreshing .overview-remote-commands .overview-remote-command .action-button
	{
	pointer-events: none !important
}

.refreshing .overview-remote-commands-header .messages .refreshing {
	opacity: 1 ;
	transform: translate(0, -50%) !important;
	margin-top: 0px;
}

.refreshing .overview-remote-commands-header .messages .last-refreshed {
	opacity: 0;
	transform: translate(0, -50%) !important;
	margin-top: 0px;
}

.refreshing .updating-icon-status .refresh-ready {
	transform: translate(-50%, -50%) scale(0.5);
	opacity: 0
}

.refreshing .updating-icon-status .refreshing {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1
}

.remote-vehicle-status .remote-commands-refresh {
	top: -20px;
	right: 150px;
}

@media ( max-width : 700px) {
	.remote-vehicle-status {
		display: block;
	}
	.remote-vehicle-status .remote-commands-refresh {
		right: 80px;
	}
}

.remote-commands-refresh {
	display: block;
	position: absolute;
	font-size: 14px;
	font-weight:bold;
	line-height: 1em;
	right: 5px;
	color: rgba(0, 0, 0, 0.7);
	letter-spacing: .3px;
	text-align: right;
	top: 0;
	cursor: pointer;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1)
}

.remote-commands-refresh .messages {
	position: absolute;
	right: 32px;
	white-space: nowrap;
	top: 50%;
	transform: translateY(-50%)
}

.remote-commands-refresh .messages>span {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
	display: block;
	opacity: 0;
	margin-top: -10px
}

.remote-commands-refresh .messages>span.last-refreshed {
	margin-top: 0px;
	opacity: 1;
	transform: translate(0, -50%)
}

.SvmNewText {
    background-color:#ff0000;
    color:#fff;
    display:inline-block;
    padding-left:4px;
    float: left;
    margin-top: 3px;
}
.SvmNewTextarrow {
  border-style: dashed;
    border-color: transparent;
    border-width: 8px;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 30px;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    width: 0;
    background-color: #444;
    border-left-width: 0.2em;
    border-left-style: solid;
    border-left-color: #ff0000;
    left: 0.25em;
}
@media (min-width: 992px) { 
  .mobile,
  .tablet {
    display: none !important; } }

@media (max-width: 991px) and (min-width: 767px) {
  .mobile,
  .desktop {
    display: none !important; } }

@media (max-width: 767px) {
  .desktop,
  .tablet {
    display: none !important; } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/* Style added for finance content */
ul.disc{list-style-type:disc}
ul.circle{list-style-type:circle}
ul.square{list-style-type:square}
ul.decimal{list-style-type:decimal}
a.blue-txt-underline{color:blue; border-bottom:1px solid; font-weight:bold}
a:hover{cursor:pointer; text-decoration:none}
a:link{text-decoration:none}                   
/* End of Style added for finance content */


.view-reference-material .page-view .contain {
  max-width: 852px;
  padding: 0 20px; }

.view-reference-material .page-view-header {
  padding-top: 42px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .view-reference-material .page-view-header {
      padding-top: 24px; } }
  .view-reference-material .page-view-header h2 {
    font: 100 32px "KIA", sans-serif;
    letter-spacing: 1.5px;
    color: #000;
    margin: 0; }
    @media (max-width: 767px) {
      .view-reference-material .page-view-header h2 {
        font-size: 20px;
        letter-spacing: .5px; } }

.view-reference-material .page-view-content .text-content {
  padding-top: 51px;
  font: 14px/1.5em "Source Sans Pro", sans-serif;
  max-width: 650px;
  letter-spacing: .6px; }
  .view-reference-material .page-view-content .text-content strong {
    display: block;
    margin-bottom: 2px; }
  .view-reference-material .page-view-content .text-content p {
    margin-bottom: 10px; }
  @media (max-width: 767px) {
    .view-reference-material .page-view-content .text-content {
      padding-top: 25px;
      font-size: 13px;
      letter-spacing: .3px;
      line-height: 1.62em; } }

.view-reference-material .switch-views {
  border: none; }
  .view-reference-material .switch-views > * {
    vertical-align: middle; }
    .view-reference-material .switch-views > *[href="#grid-view"] svg {
      position: relative;
      top: 1px; }
  .view-reference-material .switch-views > a {
    border: none;
    padding: 0;
    margin: 0 21px; }
    @media (max-width: 767px) {
      .view-reference-material .switch-views > a {
        margin: 0 7px; } }
    .view-reference-material .switch-views > a svg * {
      fill: #8e8e8e !important;
      transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1); }
    .view-reference-material .switch-views > a.active svg * {
      fill: #C4172C !important;
      transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1); }
    .view-reference-material .switch-views > a:hover svg * {
      fill: #961222 !important; }
  .view-reference-material .switch-views > * {
    display: inline-block; }
  .view-reference-material .switch-views .search {
    margin-left: 21px;
    position: relative; }
    @media (max-width: 767px) {
      .view-reference-material .switch-views .search {
        margin-left: 7px; } }
    .view-reference-material .switch-views .search:before {
      display: block;
      content: "";
      width: 16px;
      height: 16px;
      background: url("../../../../../content/dam/kia/us/owners/image/common/icon/icon_search.svg") center/contain no-repeat;
      position: absolute;
      top: 50%;
      left: 14px;
      transform: translateY(-50%);
      pointer-events: none; }
    .view-reference-material .switch-views .search input[type="text"] {
      -webkit-appearance: none;
      height: 40px;
      border: 1px solid #a9adb1;
      border-radius: 2px;
      background: #fff;
      padding-left: 40px;
      display: block;
      font-size: 11px;
      font-weight: normal;
      letter-spacing: 1.4px;
      outline: none;
      width: 200px; }

.view-reference-material .page-view-intro {
  padding-top: 40px;
  margin-bottom: 55px; }
  .view-reference-material .page-view-intro p {
    max-width: 653px;
    font: 14px/1.5em "Source Sans Pro", sans-serif; }
    @media (max-width: 991px) {
      .view-reference-material .page-view-intro p {
        max-width: 100%; } }

@media (max-width: 767px) {
  .view-reference-material .menu-with-content .row > div {
    padding: 0 5px; } }

.view-reference-material .menu-with-content .page-view-header {
  margin-bottom: 32px;
  position: relative; }
  .view-reference-material .menu-with-content .page-view-header .back {
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 30px;
    height: 17px;
    cursor: pointer;
    transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 3;
    background: url("../../../../../content/dam/kia/us/owners/image/common/icon/icon_back_arrow.svg") left center/contain no-repeat;
    font: bold 12px/17px "KIA", sans-serif;
    letter-spacing: .3px;
    color: #000;
    text-transform: uppercase;
    padding-left: 20px;
    text-decoration: none; }
    @media (max-width: 767px) {
      .view-reference-material .menu-with-content .page-view-header .back {
        position: relative;
        top: -10px;
        transform: scale(0.9);
        transform-origin: left center;
        margin-bottom: 4px; } }

.view-reference-material .menu-with-content .sub-tabs {
  padding-top: 45px; }
  @media (max-width: 767px) {
    .view-reference-material .menu-with-content .sub-tabs {
      padding-top: 0; } }
  .view-reference-material .menu-with-content .sub-tabs strong {
    display: block;
    font: bold 10px "KIA", sans-serif;
    letter-spacing: .4px;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .view-reference-material .menu-with-content .sub-tabs .bootstrap-select {
    margin-bottom: 28px; }

.view-reference-material .menu-with-content .content-area {
  background: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(39, 48, 59, 0.24);
  border-radius: 2px;
  padding: 36px 40px 80px;
  font: 14px/1.5em "Source Sans Pro", sans-serif;
  letter-spacing: .6px; }
  .view-reference-material .menu-with-content .content-area iframe {
    width: 100%;
    margin-bottom: 25px; }
  .view-reference-material .menu-with-content .content-area h3 {
    font: bold 14px "KIA", sans-serif;
    letter-spacing: .4px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 33px; }
  .view-reference-material .menu-with-content .content-area p {
    margin-bottom: 20px;
    max-width: 430px; }
  @media (max-width: 767px) {
    .view-reference-material .menu-with-content .content-area {
      padding: 10px 10px 20px; } }
  .view-reference-material .menu-with-content .content-area.faq-area {
    padding: 0; }
  .view-reference-material .menu-with-content .content-area .list-row {
    padding: 0;
    margin: 0;
    list-style: none; }
  .view-reference-material .menu-with-content .content-area .faq-row {
    border-bottom: solid 1px #d5d5d5;
    padding: 13px 75px 15px 20px;
    position: relative;
    cursor: pointer; }
    .view-reference-material .menu-with-content .content-area .faq-row.has-collapse {
      padding-right: 20px; }
    .view-reference-material .menu-with-content .content-area .faq-row .collapse-header {
      padding-left: 55px;
      position: relative;
      cursor: pointer; }
      .view-reference-material .menu-with-content .content-area .faq-row .collapse-header[aria-expanded="true"] .icon-arrow-right {
        transform: translateY(-50%) rotate(90deg); }
      .view-reference-material .menu-with-content .content-area .faq-row .collapse-header strong {
        font-size: 12px;
        letter-spacing: .3px; }
      .view-reference-material .menu-with-content .content-area .faq-row .collapse-header .icon-arrow-right {
        left: 12px;
        transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      @media (max-width: 767px) {
        .view-reference-material .menu-with-content .content-area .faq-row .collapse-header {
          padding-left: 35px; }
          .view-reference-material .menu-with-content .content-area .faq-row .collapse-header .icon-arrow-right {
            left: 9px; } }
    .view-reference-material .menu-with-content .content-area .faq-row .collapse {
      cursor: default; }
      .view-reference-material .menu-with-content .content-area .faq-row .collapse-body {
        padding: 25px 50px 10px 55px; }
        .view-reference-material .menu-with-content .content-area .faq-row .collapse-body p {
          margin-bottom: 20px; }
          .view-reference-material .menu-with-content .content-area .faq-row .collapse-body p:last-child {
            margin-bottom: 0; }
        @media (max-width: 767px) {
          .view-reference-material .menu-with-content .content-area .faq-row .collapse-body {
            padding: 10px 0 10px 0;
            width: calc(100% + 10px); } }
    .view-reference-material .menu-with-content .content-area .faq-row strong {
      display: block;
      font: bold 12px/1.75em "KIA", sans-serif;
      letter-spacing: .3px; }
    .view-reference-material .menu-with-content .content-area .faq-row p {
      margin: 0; }
    .view-reference-material .menu-with-content .content-area .faq-row .icon-arrow-right {
      position: absolute;
      top: 50%;
      right: 37.5px;
      transform: translateY(-50%);
      transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1); }
    @media (min-width: 767px) {
      .view-reference-material .menu-with-content .content-area .faq-row:hover .icon-arrow-right {
        margin-right: -10px; } }
    @media (max-width: 767px) {
      .view-reference-material .menu-with-content .content-area .faq-row {
        padding-left: 12px;
        padding-right: 30px; }
        .view-reference-material .menu-with-content .content-area .faq-row p {
          font-size: 12px;
          letter-spacing: .3px; }
        .view-reference-material .menu-with-content .content-area .faq-row .icon-arrow-right {
          right: 10px; } }

.modal-video .modal-dialog {
  width: 776px; }
  .modal-video .modal-dialog .video-wrap {
    position: relative;
    padding-top: 56.314433%; }
  .modal-video .modal-dialog iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }

@media (max-width: 767px) {
  .modal-video .modal-dialog {
    background: transparent !important;
    pointer-events: none; }
    .modal-video .modal-dialog iframe {
      pointer-events: all; }
  .modal-video .video-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); } }

.sub-tabs > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 185px; }
  .sub-tabs > ul li {
    margin-bottom: 20px; }
    .sub-tabs > ul li a {
      font: bold 12px "KIA", sans-serif;
      letter-spacing: .7px;
      color: #929292;
      text-transform: uppercase;
      position: relative;
      padding-left: 11px;
      display: block;
      transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
      text-decoration: none; }
      .sub-tabs > ul li a.active {
        color: #2f2f2f;
        border-left: 3px solid #C4172C;
        padding-left: 8px; }
      .sub-tabs > ul li a:hover {
        color: #2f2f2f; }

.icon-arrow-right {
  display: block;
  width: 12px;
  height: 18px;
  background: url("../../../../../content/dam/kia/us/owners/image/common/icon/icon_arrow_right_dark.svg") center/contain no-repeat; }

@media (max-width: 767px) {
  .view-uvo-faq .page-view-header {
    margin-bottom: 20px !important;
    padding-top: 0; } }

.faq-detail {
  font: 14px/1.5em "Source Sans Pro", sans-serif;
  letter-spacing: .6px;
  margin-top: -35px; }
  @media (max-width: 767px) {
    .faq-detail {
      margin-top: -20px; } }
  .faq-detail-section {
    padding: 35px 0 30px; }
    .faq-detail-section:not(.no-border) {
      border-bottom: solid 1px #d5d5d5; }
    @media (max-width: 767px) {
      .faq-detail-section {
        padding: 20px 0 20px;
        margin-left: -10px;
        margin-right: -10px; }
        .faq-detail-section > * {
          padding-left: 10px !important; }
        .faq-detail-section .row {
          margin-left: 0;
          margin-right: 0; } }
  .faq-detail strong {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .4px; }
    @media (max-width: 767px) {
      .faq-detail strong {
        font: bold 14px/1.5em "Source Sans Pro", sans-serif;
        letter-spacing: .4px;
        text-transform: none;
        padding-top: 10px; } }
  .faq-detail .icon-list {
    padding: 5px 0 0;
    margin: 0;
    font-size: 0; }
    .faq-detail .icon-list li {
      display: inline-block;
      text-align: center;
      margin: 0 7.5px; }
      .faq-detail .icon-list li:first-child {
        margin-left: 0; }
      .faq-detail .icon-list li:last-child {
        margin-right: 0; }
      .faq-detail .icon-list li i {
        display: block;
        width: 42px;
        height: 42px;
        margin: 0 auto; }
        .faq-detail .icon-list li i svg {
          width: 100%; }
      .faq-detail .icon-list li span {
        display: block;
        font: 12px/1.75em "Source Sans Pro", sans-serif;
        letter-spacing: .3px;
        text-align: center; }
  .faq-detail h4 {
    font: 500 20px "KIA", sans-serif;
    letter-spacing: .5px;
    text-transform: none;
    margin: 0 0 20px;
    padding-right: 20px; }
    @media (max-width: 767px) {
      .faq-detail h4 {
        font-size: 16px;
        letter-spacing: .4px; } }
  .faq-detail ul.list {
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: list; }
    .faq-detail ul.list li {
      counter-increment: list;
      max-width: 616px;
      font: 14px/1.5em "Source Sans Pro", sans-serif;
      letter-spacing: .6px;
      min-height: 42px;
      margin-bottom: 0;
      padding-left: 50px;
      position: relative;
      padding-right: 20px; }
      .faq-detail ul.list li em {
        font-weight: bold;
        font-style: normal; }
      .faq-detail ul.list li a {
        text-transform: uppercase;
        color: #C4172C;
        transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
        text-decoration: none; }
        .faq-detail ul.list li a:hover {
          color: #690c18; }
      .faq-detail ul.list li:before {
        content: counter(list);
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 24px;
        height: 24px;
        text-align: center;
        letter-spacing: normal;
        color: #FFF;
        background: #C4172C;
        border-radius: 100%;
        font: bold 12px/24px "KIA", sans-serif;
        padding-left: 1px; }
      @media (max-width: 767px) {
        .faq-detail ul.list li {
          padding-left: 40px;
          font-size: 12px;
          line-height: 1.75em;
          letter-spacing: .3px; }
          .faq-detail ul.list li:before {
            padding-left: 0; } }
    .faq-detail ul.list + .important {
      padding-left: 50px; }
      @media (max-width: 767px) {
        .faq-detail ul.list + .important {
          padding-left: 50px !important; } }
  .faq-detail .important {
    padding-top: 65px;
    color: #C4172C;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    font: 12px/1.42em "Source Sans Pro", sans-serif !important; }
    .faq-detail .important strong {
      font: inherit;
      font-weight: bold; }
    @media (max-width: 767px) {
      .faq-detail .important {
        padding-top: 31px; } }

.view-faq .sub-tabs > ul {
  max-width: 195px; }

@media (max-width: 767px) {
  .view-faq .menu-with-content {
    padding-top: 20px; } }

@media (min-width: 992px) { 
  .mobile,
  .tablet {
    display: none !important; } }

@media (max-width: 991px) and (min-width: 767px) {
  .mobile,
  .desktop {
    display: none !important; } }

@media (max-width: 767px) {
  .desktop,
  .tablet {
    display: none !important; } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@media (max-width: 991px) {
  .view-finance .contain {
    padding: 0 10px !important; } }

@media (max-width: 991px) {
  .view-finance .page-view-header {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 11px;
    margin-bottom: 20px !important; } }

.view-finance .page-view-header .collapse-header {
  position: relative; }
  .view-finance .page-view-header .collapse-header .icon-arrow-right {
    position: absolute;
    right: 5px;
    top: 0;
    transform: rotate(90deg);
    transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .view-finance .page-view-header .collapse-header[aria-expanded="true"] .icon-arrow-right {
    transform: rotate(-90deg); }

.view-finance .page-view-header .finance-header-title {
  overflow: hidden;
  margin-bottom: 30px; }
  @media (max-width: 991px) {
    .view-finance .page-view-header .finance-header-title {
      padding: 0 10px; }
      .view-finance .page-view-header .finance-header-title img {
        max-width: 114px;
        margin-top: 5px; } }
  .view-finance .page-view-header .finance-header-title .finance-account-info {
    text-align: right; }
    .view-finance .page-view-header .finance-header-title .finance-account-info strong {
      display: block;
      font: 500 17px/1.24em "KIA", sans-serif;
      letter-spacing: .2px; }
    .view-finance .page-view-header .finance-header-title .finance-account-info em {
      display: block;
      font: bold 10px "KIA", sans-serif;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #969696; }

.view-finance .page-view-header .finance-header-intro {
  max-width: 571px; }
  @media (max-width: 767px) {
    .view-finance .page-view-header .finance-header-intro {
      max-width: 100%; } }
  .view-finance .page-view-header .finance-header-intro strong {
    display: block;
    font: bold 10px "KIA", sans-serif;
    letter-spacing: .4px;
    text-transform: uppercase;
    margin-bottom: 14px; 
    padding-right: 50px;}   
  .view-finance .page-view-header .finance-header-intro p {
    font: 14px/1.5em "Source Sans Pro", sans-serif;
    letter-spacing: .6px;
    color: #2f2f2f;
    margin-bottom: 0; }
    .view-finance .page-view-header .finance-header-intro p a {
      display: inline-block;
      color: #C4172C;
      font: bold 11px/14px "KIA", sans-serif;
      letter-spacing: .7px;
      text-transform: uppercase;
      margin-left: 5px; }

.view-finance .page-view .finance-tiles {
  overflow: visible; }
  .view-finance .page-view .finance-tiles .row {
    margin-left: -5px;
    margin-right: -5px; }
    .view-finance .page-view .finance-tiles .row > div {
      padding: 0 5px; }
      
      .view-finance .page-view .finance-tiles .lease-mileage-wrap {
      	padding: 0 0 0 5px;
      }
  .view-finance .page-view .finance-tiles .tile {
    position: relative;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(39, 48, 59, 0.24);
    min-height: 175px;
    margin-bottom: 9px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;}
    .view-finance .page-view .finance-tiles .tile:not(.no-hover) {
      cursor: pointer; }
    .view-finance .page-view .finance-tiles .tile:hover .icon-arrow-right {
      margin-right: -5px; }
    @media (max-width: 991px) {
      .view-finance .page-view .finance-tiles .tile.auto-height-m {
        height: auto;
        padding-bottom: 30px; } }
    .view-finance .page-view .finance-tiles .tile .icon-arrow-right {
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%);
      transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1); }
    .view-finance .page-view .finance-tiles .tile-title {
      display: inline-block;
      font: bold 10px "KIA", sans-serif;
      text-transform: uppercase;
      letter-spacing: .4px;
      color: #000; }
    .view-finance .page-view .finance-tiles .tile .large-number {
      display: block;
      padding-top: 16px;
      font: 100 22px "KIA", sans-serif;
      color: #000;
      letter-spacing: 1.5px;
      margin-bottom: 2px; }
    .view-finance .page-view .finance-tiles .tile .meta {
      display: block;
      font: bold 10px "KIA", sans-serif;
      letter-spacing: 1px;
      color: #969696;
      text-transform: uppercase; }
    .view-finance .page-view .finance-tiles .tile .tile-link {
      display: block;
      margin-top: 8px;
      font: bold 11px "KIA", sans-serif;
      letter-spacing: .7px;
      line-height: 2.09em;
      color: #C4172C;
      text-transform: uppercase; }
    .view-finance .page-view .finance-tiles .tile p {
      text-align: center;
      max-width: calc(100% - 80px);
      margin: 0 auto;
      font: 14px/1.5em "Source Sans Pro", sans-serif;
      letter-spacing: .6px;
      color: #2f2f2f;
      margin-top: 16px; }
    .view-finance .page-view .finance-tiles .tile .uvo-inactive {
      padding-top: 15px; }
      .view-finance .page-view .finance-tiles .tile .uvo-inactive p {
        margin-bottom: 20px; }
    .view-finance .page-view .finance-tiles .tile .lease-contract,
    .view-finance .page-view .finance-tiles .tile .lease-payments,
    .view-finance .page-view .finance-tiles .tile .lease-mileage {
      text-align: left;
      padding-left: 20px;
      padding-right: 20px;
      cursor: default; }
      .view-finance .page-view .finance-tiles .tile .lease-contract .lease-year,
      .view-finance .page-view .finance-tiles .tile .lease-payments .lease-year,
      .view-finance .page-view .finance-tiles .tile .lease-mileage .lease-year {
        margin-top: -7px; }
        .view-finance .page-view .finance-tiles .tile .lease-contract .lease-year .icon-arrow-right,
        .view-finance .page-view .finance-tiles .tile .lease-payments .lease-year .icon-arrow-right,
        .view-finance .page-view .finance-tiles .tile .lease-mileage .lease-year .icon-arrow-right {
          position: relative;
          top: 0;
          left: auto;
          right: auto;
          transform: translateY(25%);
          display: inline-block;
          margin: 0 !important;
          cursor: pointer; }
          .view-finance .page-view .finance-tiles .tile .lease-contract .lease-year .icon-arrow-right.prev,
          .view-finance .page-view .finance-tiles .tile .lease-payments .lease-year .icon-arrow-right.prev,
          .view-finance .page-view .finance-tiles .tile .lease-mileage .lease-year .icon-arrow-right.prev {
            transform: translateY(25%) rotate(-180deg); }
        .view-finance .page-view .finance-tiles .tile .lease-contract .lease-year strong,
        .view-finance .page-view .finance-tiles .tile .lease-payments .lease-year strong,
        .view-finance .page-view .finance-tiles .tile .lease-mileage .lease-year strong {
          padding: 0 10px; }
      .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar,
      .view-finance .page-view .finance-tiles .tile .lease-payments .progress-bar,
      .view-finance .page-view .finance-tiles .tile .lease-mileage .progress-bar {
        margin-top: 42px;
        position: relative;
        overflow: visible; }
        .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar .bar.red,
        .view-finance .page-view .finance-tiles .tile .lease-payments .progress-bar .bar.red,
        .view-finance .page-view .finance-tiles .tile .lease-mileage .progress-bar .bar.red {
          background: #C4172C; }
        .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar .marker,
        .view-finance .page-view .finance-tiles .tile .lease-payments .progress-bar .marker,
        .view-finance .page-view .finance-tiles .tile .lease-mileage .progress-bar .marker {
          position: absolute;
          left: 0;
          bottom: 100%;
          margin-bottom: 10px;
          transform: translateX(-50%); }
          .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar .marker:after,
          .view-finance .page-view .finance-tiles .tile .lease-payments .progress-bar .marker:after,
          .view-finance .page-view .finance-tiles .tile .lease-mileage .progress-bar .marker:after {
            display: block;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 3px 0 3px;
            border-color: #969696 transparent transparent transparent;
            position: absolute;
            left: 50%;
            transform: translateX(-50%); }
          .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar .marker .meta,
          .view-finance .page-view .finance-tiles .tile .lease-payments .progress-bar .marker .meta,
          .view-finance .page-view .finance-tiles .tile .lease-mileage .progress-bar .marker .meta {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: -14px;
            right: auto;
            text-align: center; }
            .view-finance .page-view .finance-tiles .tile .lease-mileage .progress-bar {
            	width: 93%;
            }
      .view-finance .page-view .finance-tiles .tile .lease-contract p,
      .view-finance .page-view .finance-tiles .tile .lease-payments p,
      .view-finance .page-view .finance-tiles .tile .lease-mileage p {
        clear: both;
        max-width: 100%;
        padding-top: 34px;
        text-align: left; }
    .view-finance .page-view .finance-tiles .tile .lease-payments .progress-bar {
      margin-top: 46zpx; }
      .view-finance .page-view .finance-tiles .tile .lease-payments .progress-bar .large-number {
        font-size: 28px; }
    .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper {
      clear: both;
      width: 100%;
      padding-top: 15px; }
      .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper .date {
        display: inline-block;
        vertical-align: top;
        width: 138px; }
        .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper .date strong {
          font: 500 20px "KIA", sans-serif;
          letter-spacing: inherit;
          color: #2f2f2f; }
        .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper .date:last-child {
          text-align: right; }
      .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper .progress-bar {
        display: inline-block;
        max-width: calc(100% - 320px);
        float: none;
        vertical-align: top;
        margin: 15px 15px 0; }
      @media (max-width: 991px) {
        .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper {
          position: relative; }
          .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper .progress-bar {
            max-width: 100%;
            margin: 0; }
            .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper .progress-bar + .date {
              left: auto;
              right: 0;
              text-align: right; }
          .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper > .date {
            opacity: .5;
            position: absolute;
            left: 0;
            top: 20px; }
            .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper > .date strong {
              font: 13px/1.62em "Source Sans Pro", sans-serif; }
            .view-finance .page-view .finance-tiles .tile .lease-contract .progress-bar-wrapper > .date .meta {
              font-size: 9px;
              letter-spacing: .6px; } }
    .view-finance .page-view .finance-tiles .tile .lease-contract-footer {
      text-align: center;
      padding-top: 20px; }
      .view-finance .page-view .finance-tiles .tile .lease-contract-footer.has-p {
        padding-top: 5px; }
        @media (max-width: 991px) {
          .view-finance .page-view .finance-tiles .tile .lease-contract-footer.has-p {
            padding-top: 40px; } }
      @media (max-width: 991px) {
        .view-finance .page-view .finance-tiles .tile .lease-contract-footer {
          padding-top: 40px; } }
      .view-finance .page-view .finance-tiles .tile .lease-contract-footer .date {
        width: auto !important;
        margin: 0 35px; }
        @media (max-width: 991px) {
          .view-finance .page-view .finance-tiles .tile .lease-contract-footer .date {
            margin: 0 15px; }
            
            .view-finance .page-view .finance-tiles .lease-mileage-wrap {
    padding: 0;
}

.view-finance .page-view .finance-tiles .tile {
	/*height: auto;*/
} }
    .view-finance .page-view .finance-tiles .tile .lease-contract p {
      padding: 12px 0 0;
      margin: 0;
      text-align: center;
      font: 14px/1.5em "Source Sans Pro", sans-serif;
      letter-spacing: .6px;
      color: #2f2f2f; }
      @media (max-width: 767px) {
        .view-finance .page-view .finance-tiles .tile .lease-contract p {
          text-align: left;
          padding-top: 16px; } }
      .view-finance .page-view .finance-tiles .tile .lease-contract p a {
        display: inline-block;
        color: #C4172C;
        font: bold 11px/14px "KIA", sans-serif;
        letter-spacing: .7px;
        text-transform: uppercase;
        margin-left: 2px; }

.view-finance .page-view .overview-references {
  margin-left: -5px;
  margin-right: -5px; }

.view-finance .page-view .finance-contact {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 30px; }
  .view-finance .page-view .finance-contact strong {
    display: block;
    font: 600 14px "Source Sans Pro", sans-serif;
    letter-spacing: 1.5px;
    letter-spacing: .6px;
    color: #2f2f2f;
    margin-bottom: 4px; }
  .view-finance .page-view .finance-contact .number {
    display: block;
    font: 500 18px "KIA", sans-serif;
    letter-spacing: 1.5px;
    color: #000;
    margin-bottom: 6px; }
  .view-finance .page-view .finance-contact p {
    margin-bottom: 10px;
    font: 14px/1.5em "Source Sans Pro", sans-serif;
    letter-spacing: .6px;
    color: #2f2f2f; }
  .view-finance .page-view .finance-contact .note {
    font-size: 10px;
    line-height: 2.1em;
    margin-top: 3px; }

.view-finance .page-view .finance-payoff {
  padding: 30px 15px 0;
  font: 14px/1.5em "Source Sans Pro", sans-serif;
  letter-spacing: .6px;
  color: #2f2f2f; }
  .view-finance .page-view .finance-payoff p {
    position: relative; }
    .view-finance .page-view .finance-payoff p .astrisk {
      position: absolute;
      right: 100%;
      top: 2px;
      margin-right: 5px; }

.view-finance-history .page-view-header {
  padding-left: 30px; }
  @media (max-width: 767px) {
    .view-finance-history .page-view-header {
      padding-left: 0;
      margin-bottom: 20px !important; } }
  .view-finance-history .page-view-header h2 {
    margin-bottom: 24px; }
  .view-finance-history .page-view-header p {
    max-width: 653px;
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: .6px;
    line-height: 1.5em; }

.view-finance-history .page-view .contain {
  max-width: 912px; }
  @media (max-width: 767px) {
    .view-finance-history .page-view .contain {
      padding: 0 10px; } }

.view-finance-history .page-view .sortable-table {
  font-size: 0; }
  .view-finance-history .page-view .sortable-table .table-header {
    color: #969696;
    text-transform: uppercase;
    margin-bottom: 16px; }
    .view-finance-history .page-view .sortable-table .table-header span {
      font: bold 10px/1em "KIA", sans-serif;
      cursor: pointer;
      transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
      letter-spacing: 1px; }
      .view-finance-history .page-view .sortable-table .table-header span em {
        font: inherit;
        padding-right: 24px;
        display: inline-block;
        position: relative; }
        .view-finance-history .page-view .sortable-table .table-header span em.active {
          color: #000; }
        .view-finance-history .page-view .sortable-table .table-header span em:before {
          display: block;
          content: "";
          position: absolute;
          top: 3px;
          right: 0;
          width: 24px;
          height: 4px;
          background: url("../../../../../content/dam/kia/us/owners/image/common/icon/icon_sort.svg") top center/contain no-repeat;
          transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
          opacity: 0;
          transform: scale(0.5); }
      .view-finance-history .page-view .sortable-table .table-header span:hover {
        color: #000; }
        .view-finance-history .page-view .sortable-table .table-header span:hover em:before {
          opacity: 1;
          transform: none; }
  .view-finance-history .page-view .sortable-table .table-row {
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #e9e9e9;
    padding: 21px 0;
    letter-spacing: .6px;
    font-size: 0;
    margin-bottom: 2px; }
    .view-finance-history .page-view .sortable-table .table-row span {
      font: 14px/1em "Source Sans Pro", sans-serif; }
      @media (max-width: 767px) {
        .view-finance-history .page-view .sortable-table .table-row span {
          color: #969696;
          font: bold 9px/1em "KIA", sans-serif !important;
          letter-spacing: .6px; }
          .view-finance-history .page-view .sortable-table .table-row span em {
            color: #2f2f2f;
            font: 14px/1em "Source Sans Pro", sans-serif;
            display: block;
            margin-bottom: 5px; } }
  .view-finance-history .page-view .sortable-table span {
    display: inline-block;
    width: calc(25% - 1px); }
    .view-finance-history .page-view .sortable-table span:nth-child(1) {
      padding-left: 48px; }
      @media (max-width: 767px) {
        .view-finance-history .page-view .sortable-table span:nth-child(1) {
          padding-left: 16px; } }
    @media (max-width: 767px) {
      .view-finance-history .page-view .sortable-table span {
        width: calc(50% - 1px); }
        .view-finance-history .page-view .sortable-table span:nth-child(n+3) {
          display: none; } }
.finance-login-link {
	display: inline-block;
    color: #C4172C;
    font: bold 11px/14px "KIA", sans-serif;
    letter-spacing: .7px;
    text-transform: uppercase;
}
.finance-login-link:hover {
	color: #C4172C;
}



a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
  pointer-events: none;
  cursor: text;
}

.page-view-subnav-items {
	-webkit-overflow-scrolling: initial !important;
}

.bootstrap-select select {
	background: transparent;
	height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
}
.bootstrap-select select option {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.bootstrap-select select option:hover, .bootstrap-select select option:checked{
	color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.sub-tabs>ul li a{
	cursor: pointer;
}
.select2-container{
	z-index:0 !important;
}