/*
Theme Name: Karma Automotive
Author: Phire Group
Author URI: http://thephiregroup.com/
Version: 1.1
*/

@media screen {

	/* RESETS */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, main,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, main, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

	/* WORDPRESS CLASSES */

	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 0 20px 20px 0;
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background-color: #fafafa;
		border: 1px #d9d9d9 dotted;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 5px 0 5px;
		text-align: center;
		border-radius: 3px;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 98.5%;
		padding: 0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size: 14px;
		line-height: 18px;
		margin: 0 !important;
		padding: 0 0 10px 0;
	}
	
	.wp-caption p {
		margin: 0 !important;
	}

	/* Text meant only for screen readers. */
	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
	}

	.screen-reader-text:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000; /* Above WP toolbar. */
	}
	
	.skip-main:not(:focus) {
	  position: absolute;
	  left: -9999px;
	  z-index: 999;
	  padding: 3em;
	  opacity: 0;
	}
	.skip-main:focus {
	  left: 50%;
	  transform: translateX(-50%);
	  opacity: 1;
	}
	.skip-main {
	  color: #ffffff;
	}


	/* GLOBAL */
	
	html {
		scroll-behavior: smooth;
	}

	[id] {
		scroll-margin-top: 63px;
	}
	@media screen and (min-width: 1025px) {
		[id] {
			scroll-margin-top: 72px;
		}
	}
	
	body {
		font-family: 'NeuePlakText', sans-serif;
		font-size: 16px;
		line-height: 1.5rem;
		font-weight: 400;
		color: #535760;
		text-align: center;
		position: relative;
		max-width: 100vw;
		background-color: #000000;
	}

	*, *:before, *:after {
		box-sizing: border-box;
	}
	
	.main_container {
		margin: 0 auto;
	}
	
	.row {
		margin: 0 auto;
		width: 1280px;
		text-align: left;
		position: relative;
	}

	.wrapper .row {
		width: 100%;
	}
	
	.row_730 {
		margin: 0 auto;
		width: 730px;
		text-align: left;
		position: relative;
	}
	
	.clearfix::after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: '';
	}
	
	p {
		margin-bottom: 1.5em;
	}
	
	a {
		text-decoration: none;
		color: #000000;
	}
	
	a:focus, button:focus, input:focus, select:focus, textarea:focus {
		/* outline: dotted 2px #253746; */
	}
	
	.centered {
		text-align: center;
	}
	
	.hide_on_desktop {
		display: none;
	}
	
	b, strong {
		font-weight: 700;
	}

	i, em {
		font-style: italic;
	}
	

	body .frame_top_left {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		left: 40px;
		top: 40px;
		z-index: 5;
	}
	
	h2 {
		color: #535760;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1.5rem;
		letter-spacing: -0.045rem;
		text-transform: uppercase;
		margin: 0 0 1.88rem 0;
	}
	
	.play_pause {
		position: absolute;
		right: 52px;
		bottom: 31px;
		width: 40px;
		height: 40px;
		background-image: url(/wp-content/themes/karma-automotive/images/icon_play_pause.svg);
		background-repeat: no-repeat;
		background-size: 40px 40px;
		background-position: center center;
		-webkit-appearance: none;
		appearance: none;
		cursor: pointer;
		border: 0;
		background-color: rgba(0,0,0,0);
		padding: 0;
		margin: 0;
	}
	
	img {
		max-width: 100%;
	}
	
	.fadein { transition: transform 700ms ease-in-out, opacity 700ms ease-out; opacity: 0; transform: translateY(50px); }
	.fadein.active { transform: translateY(0); opacity: 1; }
	
	.fadein2,
	.fadein3 { 
		transition: transform 400ms ease-in-out, opacity 400ms ease-in-out, filter 400ms ease-in-out;
		opacity: .5;
		transform: translateX(25px);
		filter: blur(7px);
	}
	.fadein2.active,
	.fadein3.active {
		transform: translateX(0);
		opacity: 1;
		filter: blur(0);
	}

	.fadein3 {
		transform: translateX(-25px);
	}
	
	.row_730 ul {
		list-style-type: disc;
		padding: 0 0 1.5rem 1.5rem;
	}
	
	.row_730 ol {
		list-style-type: decimal;
		padding: 0 0 1.5rem 1.5rem;
	}
	
	
	
	
	/* HEADER */
	
	header {
		position: relative;
	}
	
	#menu_toggle {
		position: absolute;
		top: 30px;
		right: 45px;
		width: 40px;
		height: 40px;
		border: 0;
		background-color: rgba(0,0,0,0);
		background-image: url(/wp-content/themes/karma-automotive/images/hamburger.svg);
		background-repeat: no-repeat;
		background-size: 29px 17px;
		background-position: center center;
		-webkit-appearance: none;
		appearance: none;
		cursor: pointer;
		z-index: 7;
	}
	#menu_toggle.opened {
		background-image: url(/wp-content/themes/karma-automotive/images/hamburger_close.svg);
		background-size: 21px 20px;
	}
	
	body.home .frame_top_left {
		position: fixed;
		z-index: 1;
	}
	
	.home #menu_toggle {
		position: fixed;
		z-index: 7;
	}
	
	#main_nav {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		visibility: hidden;
		position: fixed;
		left: -100vw;
		top: 0;
		opacity: 0;
		width: 100%;
		height: 100vh;
		background-color: #F0F0F1;
		text-align: left;
		transition: all .21s ease-in-out;
	}
	#main_nav.opened {
		visibility: visible;
		left: 0;
		opacity: 1;
		z-index: 6;
	}
	
	.nav_left {
		width: 410px;
		padding: 80px;
		background-color: #F0F0F1;
	}
	
	.nav_right {
		width: calc(100% - 410px);
		background-color: #B1A699;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top left;
		transition: all .15s ease-in-out;
	}
	
	#main_nav .logo {
		display: block;
		margin: 0 0 6.25rem 0;
	}
	
	#main_nav .primary_nav li {
		margin: 0 0 1.88rem 0;
	}
	
	#main_nav .primary_nav a {
		font-size: 1rem;
		font-style: normal;
		font-weight: 900;
		line-height: normal;
		letter-spacing: -0.04rem;
		text-transform: uppercase;
		color: #535760;
		transition: all .1s linear;
	}
	
	#main_nav .secondary_nav {
		margin: 4rem 0 0 0;
	}
	
	#main_nav .secondary_nav li {
		margin: 0 0 1.25rem 0;
	}
	
	#main_nav .secondary_nav a {
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.00875rem;
		color: #535760;
	}

	#main_nav .frame_top_left {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		left: 40px;
		top: 40px;
	}
	
	#main_nav .frame_bottom_left {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		left: 40px;
		bottom: 40px;
	}
	
	#main_nav li a:hover {
		padding: 0 0 0 10px;
		background-image: url(/wp-content/themes/karma-automotive/images/active_menu_item.svg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	#main_nav li.current-menu-item a {
		padding: 0 0 0 10px;
		background-image: url(/wp-content/themes/karma-automotive/images/active_menu_item.svg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	.menu-item-type-custom a {
		padding: 0 23px 0 0;
		background-image: url(/wp-content/themes/karma-automotive/images/icon_ext.svg);
		background-repeat: no-repeat;
		background-position: top 8px right;
	}
	


	/* HOME */
	
	.hero-original {
		width: 100%;
		height: 100vh;
		color: #ffffff;
		padding: 144px 0 0 80px;
		text-align: left;
		position: relative;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center center !important;
		z-index: 0;
		position: fixed;
		top: 0;
		left: 0;
		overflow: hidden;
	}

	.hero-original .frame_bottom_left {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		left: 40px;
		bottom: 40px;
		z-index: 1;
	}
	
	.hero-original .frame_bottom_right {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		right: 40px;
		bottom: 40px;
		z-index: 1;
	}

	.logo_home {
		display: block;
		margin: 0 0 30px 0;
		position: relative;
		z-index: 1;
	}
	
	.hero_tagline_bold {
		color: #F0F0F1;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1.5rem; /* 133.333% */
		letter-spacing: -0.045rem;
		text-transform: uppercase;
		margin: 0 0 0.56rem 0;
		position: relative;
		z-index: 1;
	}
	
	.hero_tagline_small {
		color: #C8CCCD;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.00875rem;
		position: relative;
		z-index: 1;
	}

	.product_panel:first-of-type {
		margin-top: 120px;
	}

	.product_panel {
		background-color: #000000;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 64px !important;
		z-index: 8;
		position: relative;
	}

	.product_panel .row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 4.878%;
	}

	.product_panel .row-reverse {
		flex-direction: row-reverse;
	}
	
	.product_left {
		flex-basis: 23.171%;
		position: relative;
	}
	
	.product_right {
		flex-basis: 76.829%;
	}
	
	.product_name {
		margin: 0 0 0.179em;
		font-size: 56px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 67.2px */
		letter-spacing: -0.01em;
		color: #F0F0F1;
	}
	
	.product_tagline {
		color: #C8CCCD;
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 28.8px */
		letter-spacing: -0.01rem;
	}
	
	.cta_explore {
		display: inline-block;
		margin: 40px 0 0;
		padding: 11.5px 48px;
		border: 1px solid var(--Secondary-Beige, #B1A699);
		transition: all .1s linear;

		color: #FFF;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 1;
	}
	
	.cta_explore:hover {
		transform: scale(1.1);
	}

	
	.cta_explore.specs {
		padding: 0 33px 0 0;
		background-image: url(/wp-content/themes/karma-automotive/images/cta_stroke.png), url(/wp-content/themes/karma-automotive/images/icon_download.svg);
		background-position: right bottom, right 11px center;
	}
	
	.reserve_panel {
		background-color: #000000;
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		z-index: 8;
		position: relative;
	}
	
	.reserve_tagline, .culture_tagline {
		color: #F0F0F1;
		text-align: center;
		font-size: 2rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 2rem;
		text-transform: uppercase;
		margin: 0 0 240px 0;
	}
	
	.cta_reserve {
		display: inline-block;
		width: 202px;
		height: 52px;
		color: #F0F0F1;
		font-size: 0.875rem;
		font-weight: 900;
		line-height: 52px;
		letter-spacing: -0.035rem;
		text-transform: uppercase;
		text-align: center;
		background-image: url(/wp-content/themes/karma-automotive/images/border_reserve.svg);
		background-repeat: no-repeat;
		background-size: 202px 52px;
		background-position: center center;
		margin: 0 50px 0 auto;
		transition: all .1s linear;
	}
	
	.cta_reserve:hover {
		background-size: 190px 43.76px;
	}
	
	.news_panel {
		background-color: #F0F0F1;
		padding: 80px 0;
		position: relative;
	}

	.news_panel h2 {
		background-image: url(/wp-content/themes/karma-automotive/images/cta_stroke_thin.svg);
		background-repeat: no-repeat;
		background-position: right bottom;
		display: inline-block;
		margin: 0 0 42px;
		padding: 0 48.9px 8px 4px;

		color: #766C60;
		font-size: 15px;
		font-style: normal;
		font-weight: 900;
		line-height: 120%; /* 18px */
		letter-spacing: 0.15em;
		text-transform: uppercase;
	}
	
	.home .news_panel {
		z-index: 8;
	}
	
	.culture_panel {
		background-color: #F0F0F1;
		z-index: 8;
		position: relative;
	}
	
	.home_culture_image {
		width: 100%;
		aspect-ratio: 16/9;
		background-color: #000000;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		overflow: hidden;
	}
	
	.home_culture_image video {
		min-width: 100%; 
		min-height: 100%; 
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 0;
		max-width: none;
	}
	
	.home_culture_image .play_pause {
		position: absolute;
		bottom: 70px;
		right: 40px;
		z-index: 2;
	}
	
	.culture_tagline { 
		margin: 0;
		z-index: 2;
	}
	
	.text_620 {
		width: 620px;
		color: #535760;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		letter-spacing: -0.01rem;
	}
	
	.culture_panel .text_620 {
		padding: 1.88rem 0 8.88rem 0;
	}
	
	
	
	/* PRODUCT */

	.product_header {
		width: 100%;
		height: 100vh;
		background-color: #000000;
		color: #ffffff;
		padding: 144px 80px 80px;
		text-align: left;
		position: relative;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: bottom center !important;
		overflow: hidden;
	}
	
	.product_header h1 {
		color: #F0F0F1;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1;
		letter-spacing: -0.045rem;
		text-transform: uppercase;
		margin: 0 0 0.69rem 0;
		z-index: 2;
		position: relative;
	}
	
	.product_tagline {
		color: #C8CCCD;
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 28.8px */
		letter-spacing: -0.01rem;
		z-index: 2;
		position: relative;
	}
	
	.product_header .frame_bottom_left {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		left: 40px;
		bottom: 40px;
		z-index: 2;
	}
	
	.product_header .frame_bottom_right {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		right: 40px;
		bottom: 40px;
		z-index: 2;
	}
	
	.product_ctas {
		position: absolute;
		left: 80px;
		bottom: 115px;
		z-index: 2;
	}

	.product_ctas li {
		display: inline-block;
	}
	
	.product_ctas li:first-of-type {
		width: 140px;
	}
	
	.product_ctas a {
		position: static;
	}

	.product_story {
		background-color: #000000;
		color: #C8CCCD;
		width: 100%;
		padding: 200px 0 0 0;
	}
	
	.product_header video {
		min-width: 100%; 
		min-height: 100%; 
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 0;
		max-width: none;
	}
	
	.product_header .play_pause {
		position: absolute;
		bottom: 70px;
		right: 40px;
	}
	
	.block_620 {
		width: 620px;
		color: #C8CCCD;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.01rem;
	}
	
	.product_story h2 {
		color: #F0F0F1;
	}
	
	.product_story_image {
		width: 100%;
		aspect-ratio: 16/9;
		margin: 0 0 200px 0;	
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center center !important;		
	}
	
	.product_carousel {
		background-color: #000000;
		padding: 12.5rem 0;
	}
	
	
	.figures {
		margin: 0 0 200px 0;	
	}
	
	.figures .row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.figure_block {
		width: 30%;
		text-align: center;
	}
	
	.figure {
		color: #F0F0F1;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1.5rem; /* 133.333% */
		letter-spacing: -0.045rem;
		margin: 0 0 1rem 0;
	}
	
	.figure_desc {
		color: #C8CCCD;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.01rem;
	}
	
	.disclaimer {
		color: #C8CCCD;
		font-size: 0.875rem;
		margin: 100px 0 0 0;
	}
	
	.product_configure {
		background-color: #000000;
		padding: 1.94rem 0 12.5rem 0;
	}
	
	.product_configure .row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.configure_left {
		width: 400px;
	}
	
	.configure_left h2 {
		color: #F0F0F1;		
	}
	
	.configure_right {
		width: 840px;
		padding: 0 220px 0 0;
		color: #C8CCCD;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.01rem;
	}

	.configure_right .cta_explore {
		position: static;
	}
	
	.download_panel {
		padding: 100px 0 200px 0;
		background-color: #000000;
	}
	
	.download_panel h2 {
		color: #F0F0F1;
	}

	.download_panel .cta_explore {
		position: static;
	}
	


	/* FIND A DEALER */
	
	.dealer_header {
		width: 100%;
		height: 100vh;
		background-color: #000000;
		color: #ffffff;
		padding: 144px 80px 80px;
		text-align: left;
		position: relative;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center bottom !important;
	}
	
	.dealer_header h1 {
		color: #F0F0F1;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1;
		letter-spacing: -0.045rem;
		text-transform: uppercase;
		margin: 0 0 0.69rem 0;
	}

	.dealer_header .frame_bottom_left {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		left: 40px;
		bottom: 40px;
	}
	
	.dealer_header .frame_bottom_right {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		right: 40px;
		bottom: 40px;
	}





	/* NEWSROOM */
	
	.newsroom_header {
		width: 100%;
		background-color: #000000;
		color: #ffffff;
		padding: 144px 80px 20px 80px;
		text-align: left;
	}
	
	.newsroom_header h1 {
		color: #F0F0F1;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1;
		letter-spacing: -0.045rem;
		text-transform: uppercase;
		margin: 0 0 1.25rem 0;
	}
	
	.newsroom_carousel {
		padding: 0 0 100px 0;
	}
	
	.newsroom_carousel .row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.car_left {
		width: 950px;
		height: 580px;
		position: relative;
	}
	
	.car_left div {
		max-width: 100%;
	}
	
	.car_right {
		width: 290px;
		height: 580px;
	}
	
	.car_right .car_d {
		height: 100%;	
	}
	
	.car_right .car_d .car_d_inner {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;		
	}
	
	.car_nav .car_left, .car_nav .car_right {
		height: auto;
		display: block;
	}
	
	.news_title {
		color: #F0F0F1;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1.5rem; /* 133.333% */
		letter-spacing: -0.045rem;
		text-transform: uppercase;
		margin: 0 0 1.125rem 0;
	}
	
	a.news_title:hover {
		text-decoration: underline;
	}
	
	.car_right .news_date {
		color: #F0F0F1;
	}
	
	.news_caption {
		color: #F0F0F1;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.00875rem;
	}
	
	.newsroom_items {
		background-color: #f0f0f1;
		text-align: left;
	}
	
	.newsroom_items .row {
		padding: 100px 0;
		border-top: 1px solid #C8CCCD;
	}
	
	.news_blocks {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 2.5rem;
		row-gap: 4rem;
		margin: 0 0 3.75rem 0;
	}
	
	.news_block a {
		display: block;
		color: #000;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; /* 25.2px */
		letter-spacing: -0.01em;
		margin: 0 0 0.889em 0;
	}
	
	.news_block a:hover {
		text-decoration: underline;
	}
	
	.news_block a:hover + a {
		text-decoration: underline;
	}
	
	.news_date {
		color: #000;
		font-size: 18px;
		font-style: normal;
		font-weight: 300;
		line-height: 140%; /* 25.2px */
		letter-spacing: -0.01em;
		text-transform: uppercase;
		margin: 16px 0 0;
	}

	.cta_w_stroke {
		display: inline-block;
		min-width: 150px;
		padding: 10px 32px 13px;
		border: 1px solid #766C60;

		color: #000;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 1; /* 25.2px */
		transition: transform 0.25s ease;
	}
	
	.cta_w_stroke:hover {
		transform: scale(1.1);
	}
	
	.single-news-post {
		background-color: #F0F0F1;
	}
	
	.news_header {
		padding: 144px 80px 20px 80px;
		text-align: left;
		background-color: #F0F0F1;
	}
	
	.news_header .logo_black {
		margin: 0 0 50px 0;
	}
	
	.crumbs {
		display: block;
		color: #535760;
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 900;
		line-height: 0.8125rem; /* 108.333% */
		letter-spacing: -0.03rem;
		text-transform: uppercase;
		margin: 0 0 1.25rem 0;
	}
	
	.news_header h1 {
		max-width: 52rem;
		margin: 0 0 0.62rem 0;
		color: #535760;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1.5rem; /* 133.333% */
		letter-spacing: -0.045rem;
		text-transform: uppercase;
	}
	
	.news_header .news_date {
		margin: 0;
	}
	
	.news_image {
		background-color: #000000;
	}
	
	.news_image img {
		display: block;
		width: 100%;
	}
	
	.news_content {
		background-color: #F0F0F1;
		padding: 1.88rem 0 3.88rem 0;
	}
	
	.news_content a {
		text-decoration: underline;
	}
	
	.news_content iframe {
	  width: 100% !important;
	  max-width: 1060px !important;
	  height: auto !important;
	  aspect-ratio: 16 / 9 !important;
	}
	
	.more_news {
		background-color: #F0F0F1;
		margin: 50px 0 0 0;
	}
	
	.more_news .row {
		border-top: 1px solid #C8CCCD;
		padding: 150px 0;
	}
	
	a.press_kit_link {
		display: inline-block;
		/*
		padding: 0 23px 0 0;
		background-image: url(/wp-content/themes/karma-automotive/images/icon_ext.svg);
		background-repeat: no-repeat;
		background-position: top 8px right;	
		*/		
	}
	
	.single-news-post .news_panel {
		padding: 50px 0 0 0;
	}
	
	.jump_links {
		background-color: #f0f0f1;
	}
	
	.jump_links .row {
		padding: 100px 0 50px 0;
		color: #535760;
	}
	
	.jump_to {
		margin: 0 3.75rem 0 0;
		font-size: 1.125rem;
	}
	
	.jump_links a {
		display: inline-block;
		margin: 0 3.75rem 0 0;
		color: #535760;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1.5rem; /* 133.333% */
		letter-spacing: -0.045rem;
		text-transform: uppercase;
	}
	
	.jump_links a:hover {
		text-decoration: underline;
	}
	
	.pub_name {
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: 0.8125rem; /* 108.333% */
		letter-spacing: -0.03rem;
		text-transform: uppercase;		
		margin: 0 0 0.62rem 0;
	}	
	
	#press-kits .news_blocks {
		margin: 0;
	}
	
	
	
	/* INSIDE KARMA */
	
	.inside_header {
		width: 100%;
		height: 100vh;
		background-color: #000000;
		color: #ffffff;
		padding: 144px 80px 80px;
		text-align: left;
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
	}
	
	.header_inner {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0%, rgba(196, 196, 196, 0.00) 100%);
	}
	
	.inside_header h1 {
		color: #F0F0F1;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1.5rem;
		letter-spacing: -0.045rem;
		text-transform: uppercase;
		margin: 0 0 1.25rem 0;
		z-index: 2;
		position: relative;
	}
	
	.inside_header .frame_bottom_left {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		left: 40px;
		bottom: 40px;
		z-index: 2;
	}
	
	.inside_header .frame_bottom_right {
		display: block;
		width: 164px;
		height: 13px;
		position: absolute;
		right: 40px;
		bottom: 40px;
		z-index: 2;
	}
	
	.inside_header video, .hero_w_video video {
		min-width: 100%; 
		min-height: 100%; 
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 0;
		max-width: none;
	}
	
	.inside_header .play_pause, .hero_w_video .play_pause {
		position: absolute;
		bottom: 70px;
		right: 40px;
		z-index: 2;
	}
	
	.inside_content {
		padding: 30px 0 0 0;
		color: #C8CCCD;
	}
	
	.inside_content .text_620 {
		color: #C8CCCD;
	}
	
	.inside_video {
		padding: 200px 0;
		background-color: #000000;
	}
	
	.inside_video iframe {
	  width: 100% !important;
	  max-width: 1060px !important;
	  height: auto !important;
	  aspect-ratio: 16 / 9 !important;
	}
	
	.inside_owners {
		background-color: #000000;
	}
	
	.f_875 {
		color: #B1A699;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.035rem;
		text-transform: uppercase;
	}
	
	.f_1125 {
		color: #F0F0F1;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1.5rem;
		letter-spacing: -0.045rem;
		text-transform: uppercase;
		margin: 0 0 2.19rem 0;
	}
	
	.inside_owners .text_620 {
		color: #C8CCCD;		
	}
	
	.inside_owners_video {
		position: relative;
		aspect-ratio: 16/9;
		margin: 0 0 200px 0;
	}
	
	.inside_owners_video video {
		width: 100%;
	}

	video {
		/* max-width: 100%; */
	}
	
	.inside_people {
		margin: 0 0 200px 0;
		color: #C8CCCD;
	}
	
	.inside_people .row {
		position: relative;
	}
	
	.inside_people .row.row_1 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		height: 364px;
	}
	
	.collage_1 {
		margin: 0 40px 0 0;
	}
	
	.collage_2 {
		padding: 44px 0 0 0;
	}
	
	.inside_people .row.row_2 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
	}
	
	.collage_3 {
		padding: 0 30px 0 0;
	}
	
	.people_content {
		width: 375px;
	}
	
	.people_content_inner {
		width: 290px;
	}
	
	.inside_lab {
		padding: 0 0 150px 0;
	}
	
	.inside_lab .row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.lab_left {
		width: 290px;
	}
	
	.lab_left.car_left {
		display: flex;
		flex-direction: column;
		justify-content: space-between;		
		height: 580px;
	}
	
	.car_desc {
		color: #C8CCCD;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.00875rem;		
	}
	
	.lab_right {
		width: 950px;
	}
	
	.lab_right.car_images {
		height: 580px;		
	}

	.inside_mission_video {
		position: relative;
		aspect-ratio: 16/9;
	}
	
	.inside_mission_video video {
		width: 100%;
	}

	.mission_inner {
		max-width: 620px;
		padding: 30px 0 180px 0;
		color: #C8CCCD;
	}
	
	.inside_mission .f_1125 {
		margin: 0 0 1.5rem 0;
	}
	
	.inside_mission .cta_explore {
		position: static;
	}
	
	
	
	/* CAROUSEL */
	
	.car_d {
		display: none;
	}
	
	.car_i {
		position: absolute;
		top: 0;
		left: 15px;
		opacity: 0;
	}
	
	.car_i img {

	}
	
	.car_i.active {
		opacity: 1;
		transition: all .3s ease-in-out;
		left: 0;
	}
	
	#car_desc_1 {
		display: block;
	}
	
	.car_images {
		position: relative;
	}
	
	.car_prev {
		width: 49px;
		height: 49px;
		background-image: url(/wp-content/themes/karma-automotive/images/icon_prev.svg);
		background-repeat: no-repeat;
		background-size: 49px 49px;
		background-position: center center;
		-webkit-appearance: none;
		appearance: none;
		cursor: pointer;
		border: 0;
		background-color: rgba(0,0,0,0);
		margin: 0 20px 0 0;
		padding: 0;
		transition: all .05s linear;
	}
	.car_prev:hover {
		transform: scale(1.05);
	}

	.car_next {
		width: 49px;
		height: 49px;
		background-image: url(/wp-content/themes/karma-automotive/images/icon_next.svg);
		background-repeat: no-repeat;
		background-size: 49px 49px;
		background-position: center center;
		-webkit-appearance: none;
		appearance: none;
		cursor: pointer;
		border: 0;
		background-color: rgba(0,0,0,0);
		margin: 0;
		padding: 0;
		transition: all .05s linear;
	}
	.car_next:hover {
		transform: scale(1.05);
	}

	.car_nav {
		margin: 55px auto 0 auto;
		align-items: center;
	}

	.pos {
		color: #B1A699;		
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: 0.8125rem; /* 108.333% */
		letter-spacing: -0.03rem;
		text-transform: uppercase;
		margin: 1rem 0 0 0;
	}
	
	.car_pos {
		width: 100%;
		height: 1px;
		background-color: #53422D;
		display: grid;
	}
	
	.car_pos_block {
		margin: -1px 0 0 -5px;
		transition: margin .15s linear;
	}
	
	.car_pos_block.active {
		height: 3px;
		background-color: #B1A699;
		margin: -1px 0 0 0;
	}



	/* CONTACT */
	
	.contact_header {
		width: 100%;
		background-color: #000000;
		color: #ffffff;
		padding: 144px 80px 20px 80px;
		text-align: left;
		position: relative;
	}
	
	.contact_header h1 {
		color: #F0F0F1;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 900;
		line-height: 1.5;
		letter-spacing: -0.045rem;
		text-transform: uppercase;
		margin: 0 0 1.25rem 0;
	}
	
	.contact_image {
		background-color: #000000;
	}
	
	.contact_image img {
		display: block;
		width: 100%;
	}
	
	.contact_content {
		background-color: #000000;
		padding: 50px 0 90px 0;
	}

	.contact_content .row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.contact_block {
		width: 33%;
		color: #F0F0F1;
	}
	
	.contact_block h2 {
		color: #F0F0F1;
	}
	
	.contact_block a {
		color: #F0F0F1;
		text-decoration: underline;
	}
	
	.contact_form {
		background-color: #F0F0F1;
		padding: 50px 0 150px 0;
	}
	
	.gfield_label {
		color: #535760;
		font-size: 0.875rem !important;
		font-style: normal;
		font-weight: 900 !important;
		line-height: normal;
		letter-spacing: -0.035rem;
		text-transform: uppercase;
	}
	
	.ginput_container input, .ginput_container textarea {
		border-radius: 0.125rem;
		border: 1px solid #7F7C7A;
		background-color: rgba(0,0,0,0);
	}
	
	.ginput_container input {
		height: 50px;
		line-height: 50px;
	}
		
	
	.ginput_container select {
		height: 50px;
		line-height: 50px;
		border-radius: 0.125rem;
		border: 1px solid #7F7C7A;
		background-color: rgba(0,0,0,0);
	}	
		
	.gform_button {
		font-family: "NeuePlakText", -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Helvetica, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1.125rem;
		line-height: 1.4;
		letter-spacing: -0.18px;
		text-transform: capitalize;
	}

	.contact_form .gform_button {
		background-color: #000;
	}
	
	.gform_button:hover {
		transform: scale(1.05);
	}
	
	.gform_required_legend {
		display: none;
	}
	
	.gchoice {
		display: inline;
		margin: 0 1rem 0 0;
	}


	/* SPLASH */
	
	.splash_header {
		width: 100%;
		height: 100vh;
		background-color: #000000;
		color: #ffffff;
		padding: 144px 80px 80px;
		text-align: left;
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
	}

	.splash_header .logo_white {
		padding: 40px 0 20px 80px;
		z-index: 2;
		position: relative;
	}
	
	.inside_header .frame_top_left_splash {
		display: block;
		width: 164px;
		height: 13px;
		margin: 0 0 0 40px;
		bottom: 40px;
		z-index: 2;
	}

	.splash_header video {
		min-width: 100%; 
		min-height: 100%; 
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 0;
		max-width: none;
	}
	
	.splash_header .play_pause {
		position: absolute;
		bottom: 70px;
		right: 40px;
		z-index: 2;
	}



	/* FOOTER */
	
	footer {
		background-color: #F0F0F1;
		color: #535760;
		padding: 3.12rem 0;
		z-index: 5;
		position: relative;
	}

	footer .row {

	}
	
	footer a {
		color: #535760;
	}
	
	footer .row.row_1 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		margin: 0 auto 12.5rem auto;
	}

	.footer_subscribe {
		width: 360px;
	}
	
	.footer_nav {
		width: 860px;
		column-count: 3;
	}
	
	.footer_nav li, .footer_nav_2 li {
		margin: 0 0 2rem 0;
	}
	
	.footer_nav a, .footer_nav_2 a {
		color: #535760;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.01rem;
	}
	
	.footer_nav_2 a {
		padding: 0 23px 0 0;
		background-image: url(/wp-content/themes/karma-automotive/images/icon_ext.svg);
		background-repeat: no-repeat;
		background-position: center right;
	}
	
	.footer_nav_2 {
		width: 180px;
	}
	
	footer .row.row_2 {
		border-top: 1px solid #7F7C7A;
		padding: 1.5rem 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		font-size: 0.75rem;
		line-height: 0.8125rem;
		letter-spacing: -0.03rem;
	}
	
	.footer_copyright {
		width: 440px;
	}
	
	.footer_tag {
		width: 400px;
	}
	
	.footer_social {
		width: auto;
		text-align: right;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}
	
	.footer_social ul {
		display: inline-block;
	}
	
	.footer_social ul li {
		display: inline-block;
	}
	
	.social_icon {
		margin: 0 0 0 20px;
	}
	
	.karma_connection {
		color: #000000;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.06rem;
		text-transform: uppercase;
		margin: 0 0 30px 0;
	}
	
	#gform_2 {
		margin: 20px 0 0 0;
	}
	
	#input_2_1 {
		height: 50px;
		background-color: rgba(0,0,0,0);
		line-height: 50px;
	}
	
	
	
	/* COOKIEBOT */ 	
	
	#CybotCookiebotDialogBodyButtonAccept {
		background-color: #b1b099 !important;
		border-color: #b1b099 !important;
	}
	
	#CybotCookiebotDialogBodyButtonDecline {
		border: 2px solid #b1b099 !important;
	}

	#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
		color: #b1b099 !important;
		text-decoration: underline !important;
	}
	
	#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
		border-bottom: 1px solid #b1b099 !important;
		color: #b1b099 !important;
	}
	
	#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a {
		color: #b1b099 !important;
		text-decoration: underline !important;
	}
	
	#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
		color: #b1b099 !important;
	}
	
	
	/* ACCESS */
	
	::part(acsb-trigger) {
		background-color: #474747 !important;
		left: 10px;
		bottom: 10px;
	}
	
	
	/* 404 */
	
	.page_404 {
		background-color: #000000;
		width: 100%;
		height: 100vh;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center center !important;
		position: relative;
		padding: 80px;
		text-align: left;
	}
	
	.page_404 .row {
		text-align: center;
		padding: 200px 0 0 0;
	}
	
	.big_404 {
		color: #ffffff;
		font-size: 2rem;
		font-style: normal;
		font-weight: 900;
		line-height: normal;
		letter-spacing: 2rem;
		text-transform: uppercase;
		margin: 0 0 20px 0;
	}
	
	.text_404 {
		color: #ffffff;
		margin: 0 0 220px 0;
	}
	

}



@media screen and (min-width: 990px) and (max-width: 1329px) {

	.row {
		width: 970px;
		margin: 0 auto;
	}
	
	.hero-original {
		height: auto;
		min-height: 100vh;
	}
	
	.people_content {
		width: 275px;
		height: 430px;
	}
	
	.lab_left {
		width: 220px;
		height: 430px;
	}
	
	.lab_left.car_left {
		width: 220px;
		height: 430px;
	}
	
	.lab_right {
		width: 720px;
		height: 430px;
	}
	
	.lab_right.car_images {
		height: 430px;
	}
	
	.car_nav .lab_left {
		height: auto;
	}
	
	.car_nav .lab_right {
		height: auto;
	}

	.car_nav {
		margin: 55px auto 0 auto;
		align-items: center;
	}
	
	.car_left {
		width: 720px;
		height: 430px;
	}
	
	.car_right {
		width: 220px;
		height: 430px;
	}
	
	

	.newsroom_items {
		padding: 100px 0;
	}

	.footer_subscribe {
		width: 310px;
	}
	
	.footer_tag {
		width: 0;
	}

	.footer_nav {
		width: 610px;
		column-count: 3;
	}


}


@media screen and (max-width: 989px) {


	.hide_on_desktop {
		display: block;
	}
	
	.hide_on_mobile {
		display: none !important;
	}
	
	.row, .row_730 {
		width: calc(100vw - 30px);
		margin: 0 auto;
	}

	.text_620 {
		width: 100%;
	}
	
	body .frame_top_left {
		left: 15px;
		top: 20px;
	}
	
	.frame_top_left, .frame_bottom_left, .frame_bottom_right {
		width: 125px !important;
		height: 10px !important;
	}
	
	.fadein2 {
		transform: none;
	}


	/* NAV */
	
	#menu_toggle {
		top: 12px;
		right: 15px;
	}
	
	#menu_toggle.opened {
		background-image: url(/wp-content/themes/karma-automotive/images/hamburger_close_black.svg);
	}
	
	#main_nav {
		display: block;
		width: 100vw;
	}

	#main_nav .logo {
		margin: 0 0 64px 0;
	}

	.nav_left {
		width: 100%;
		padding: 54px 15px;	
	}
	
	.primary_nav {
		padding: 0 80px;
	}
	
	.secondary_nav {
		padding: 0 80px;
	}
	
	.nav_right {
		width: 100%;
		height: 53vw;
		display: none;
	}
	
	#main_nav .frame_top_left {
		left: 15px;
		top: 20px;
	}
	
	#main_nav .frame_bottom_left {
		left: 15px;
		bottom: 20px;
	}



	/* HOME */

	.hero-original {
		width: 100vw;
		padding: 144px 0 0 15px;
	}

	.hero-original .frame_bottom_left {
		left: 15px;
		bottom: 20px;
	}

	.hero-original .frame_bottom_right {
		right: 15px;
		bottom: 20px;
	}

	.product_panel:first-of-type {
		margin-top: 48px;
	}

	.product_panel {
		height: auto;
		margin-bottom: 48px !important;
	}

	.product_panel .row {
		width: 100%;
		display: block;
	}
	
	.product_left {
		width: 100%;
		padding: 0 15px;
	}
	
	.product_right {
		width: 100%;
	}

	.product_name {
		font-size: 32px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 38.4px */
		letter-spacing: -0.01em;
	}
	
	.product_tagline {
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 24px */
		letter-spacing: -0.01em;
	}
	
	.cta_explore {
		margin: 24px 0 32px;
	}
	
	.reserve_panel {
		height: auto;
		padding: 80px 0 100px 0;
	}
	
	.reserve_tagline {
		margin: 0 0 50px 0;
	}
	
	.cta_reserve {
		display: flex;
		justify-content: center;
		margin: 0 auto 30px auto;
	}
	
	.news_panel {
		padding: 48px 0;
	}
	
	.news_blocks {
		display: block;
	}

	.news_block {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.news_block a {
		font-size: 16px;
	}

	.news_date {
		font-size: 16px;
	}

	.news_panel .cta_w_stroke {
		width: 100%;
		text-align: center;
	}

	.home_culture_image {
		width: 100%;
		height: 650px;
	}
	
	.home_culture_image video {
		max-width: none;
	}
	
	.culture_tagline {
		font-size: 1.75rem;
		letter-spacing: 1.75rem;
		text-transform: uppercase;
		margin: 0;
	}
	
	
	/* PRODUCT */
	
	.product_header {
		height: 650px;
		padding: 144px 15px 54px;
	}
	
	.product_header .frame_bottom_left {
		left: 15px;
		bottom: 20px;
	}

	.product_header .frame_bottom_right {
		right: 15px;
		bottom: 20px;
	}
	
	.product_header video {
		max-width: none;
	}
	
	.product_story {
		padding: 100px 0 0 0;
	}
	
	.product_story_image {
		height: 100vw;
		margin: 0 0 100px 0;
	}
	
	.product_ctas {
		left: 15px;
		bottom: 100px;
	}
	
	.product_configure_loop {
		height: auto;
	}
	
	.block_620 {
		width: 100%;
	}


	.figures {
		margin: 0 0 100px 0;
	}

	.figure {
		font-size: 1.125rem;
	}
	
	.figure_desc {
		font-size: 1rem;
	}
	
	.product_configure .row {
		display: block;
	}
	
	.configure_left {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.configure_right {
		width: 100%;
		padding: 0;
	}

	.product_configure {
		padding: 20px 0 150px 0;
	}

	.inside_lab {
		padding: 0 0 100px 0;
	}

	.inside_lab .row {
		flex-direction: column;
		width: 100%;
	}
	
	.f_1125.hide_on_desktop {
		padding: 0 15px 20px 15px;
		margin: 0;
	}
	
	.lab_left {
		width: 100%;
		order: 2;
		padding: 20px 15px 0 15px;
	}
	
	.lab_right {
		width: 100%;
		order: 1;
	}

	.lab_left.car_left {
		display: block;
		height: auto;
	}
		
	.lab_right.car_images {
		height: 61vw;
	}
	
	.inside_lab .row.car_nav {
		flex-direction: row;
	}
	
	.car_nav .lab_right {
		padding: 0 15px;
	}
	
	.car_nav .lab_left {
		text-align: right;
	}

	.play_pause {
		right: 20px;
		bottom: 20px;
	}

	.download_panel {
		padding: 50px 0 100px 0;
	}
	
	
	
	/* INSIDE */
	
	.inside_header {
		height: 650px;
		padding: 144px 15px 54px;
	}
	
	.inside_header video {
		max-width: none;
	}
	
	.inside_header .frame_bottom_left {
		left: 15px;
		bottom: 20px;
	}
	
	.inside_header .frame_bottom_right {
		right: 15px;
		bottom: 20px;
	}	
	
	.inside_video {
		padding: 100px 0;
	}
	
	.inside_owners_video {
		margin: 0 0 100px 0;
	}
	
	.inside_people {
		margin: 0 0 100px 0;
	}
	
	.inside_people .row.row_1 {
		height: auto;
		width: 100%;
	}
	
	.inside_people .row.row_2 {
		display: block;
	}
	
	.collage_1 {
		margin: 0 20px 0 0;
	}
	
	.collage_2 {
		padding: 20px 0 0 0;
	}
	
	.collage_3 {
		padding: 0;
		margin: -40px 0 0 0;
		text-align: center;
	}
	
	.collage_3 img {
		display: block;
		max-width: 60vw;
		margin: 0 auto;
	}
	
	.people_content {
		width: 100%;
		padding: 20px 0 0 0;
	}
	
	.mission_inner {
		max-width: 100%;
		padding: 30px 0 120px 0;
	}
	
	
	/* DEALERS */
	
	.dealer_header {
		padding: 144px 15px 54px;
	}
	
	
	
	
	
	/* NEWSROOM */
	
	.newsroom_header {
		padding: 144px 15px 54px;
	}
	
	.newsroom_carousel .row {
		width: 100%;
		display: block;
	}
	
	.newsroom_carousel .car_left {
		width: 100%;
		height: 61vw;
	}
	
	.car_left .pos {
		margin: 0;
	}
	
	.newsroom_carousel .car_right {
		width: 100%;
		height: auto;
		padding: 20px 15px;
	}
	
	.newsroom_carousel .car_nav .car_right {
		padding: 20px 0 20px 15px;
		text-align: right;
	}
	
	.fn_top {
		margin: 0 0 1.125rem 0;
	}
	
	.newsroom_carousel .row.car_nav {
		display: flex;
		width: calc(100vw - 30px);
	}
	
	.newsroom_carousel .row.car_nav .car_left, .newsroom_carousel .row.car_nav .car_right {
		height: auto;
	}
	
	.newsroom_items {
		padding: 0 15px;
	}
	
	.news_header {
		padding: 144px 15px 20px 15px;
	}

	.more_news {
		margin: 75px 0 0 0;
	}
	
	.more_news .row {
		padding: 75px 0;
	}
	
	.jump_links .row {
		width: 100%;
		padding: 50px 15px 25px 15px;
		overflow-x: auto;
		white-space: nowrap;
	}
	
	.jump_to {
		margin: 0 1.88rem 0 0;
	}
	
	.jump_links a {
		margin: 0 1.88rem 0 0;
	}
	
	
	
	/* CONTACT */
	
	.contact_header {
		padding: 144px 15px 0 15px;
	}
	
	.contact_content .row {
		display: block;
	}
	
	.contact_block {
		width: 100%;
		margin: 0 0 50px 0;
	}
	
	
	
	/* FOOTER */
	
	footer .row.row_1 {
		display: block;
		margin: 0 auto 60px auto;
	}	
	
	.footer_subscribe {
		width: 100%;
		margin: 0 0 30px 0;
	}	
		
	.footer_nav {
		width: 100%;
		column-count: 2;
	}
		
	footer .row.row_2 {
		flex-wrap: wrap;
		align-items: center;
	}
	
	.footer_copyright {
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	.footer_tag {
		width: 0;
	}

	.footer_social {
		width: 100%;
	}
	
	.footer_social ul {
		margin: 0 0 0 auto;
	}
	
	
	::part(acsb-trigger) {
		top: auto !important;
		bottom: 10px !important;
	}
	
	.page_404 {
		padding: 54px 15px;
	}
	


}


