@charset "utf-8";

/* CSS Document */
@property --fixed-width {
  syntax: '<length>';
  inherits: true;
  initial-value: 1320px;
}
/* CSS Document */

body{
	user-select: none !important;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-drag: none;
	overflow-x: hidden; /* Prevent horizontal scroll */
	text-overflow: 0px 1px 1px var( --primary-black );
	line-height: 1.5;
	font-weight: 400;
    font-family: 'Open Sans', sans-serif;
	color: #000000;
	background: var( --primary-white );
	--primary-white: #FFFFFF;
	--primary-black: #000000;
	--primary-gray:#4C4C4C;
	--secondary-gray: #B3B3B3;
	--brightness-hover: 0.6;
	
}


/* DEFAULT STYLE */
*, 
::after, 
::before {
    box-sizing: border-box;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
*, p, h1, h2, h3, h4, h5, h6, ul {
	margin: 0px;
	padding: 0px;
}
a:active, a:focus { 
	outline-style: none;
	-moz-outline-style:none; 
}
a, a:link, a:visited {
	text-decoration: none;
	color: currentColor;
}
a:hover {
	text-decoration: none;
	opacity: 0.8;
}

*:focus-visible {
	outline: none;
	border-radius: 0px;
	outline-color: var(--primary-black);
}
*:focus {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	outline: none !important;
}
section {
	display: flex;/* for ordering if needed */
	flex-direction: column;
}
.main-content {
	margin: 0 auto;
	max-width: var(--fixed-width); /*max width of page set here*/
	width: 100%;
	overflow: hidden;
}
/* DEFAULT STYLE */


/* BUTTON STYLE */
.button-full-black {
	display: flex;
	align-items: center;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background: var( --primary-black );
	color: var(--primary-white) !important;
	border-radius: 0px;
	border: 1px solid var( --primary-white );
	letter-spacing: 1px;
}
.button-full-black:hover {
	background: var( --primary-gray );
	color: var( --primary-white );
	border: 1px solid var( --primary-gray );
	transition: all 0.4s ease-out;
}
.button-full-white {
	display: flex;
	align-items: center;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background: var( --primary-white );
	border-radius: 0px;
	border: 1px solid var( --primary-black );
	letter-spacing: 1px;
}
.button-full-white:hover {
	background: var( --secondary-gray );
	color: var( --primary-black );
	border: 1px solid var( --secondary-gray );
	transition: all 0.4s ease-out;
}
.button-full-white.no-black-hover:hover {
	background: var( --primary-white );
	color: var( --primary-gray );
	border: 1px solid var( --primary-gray );
	transition: all 0.4s ease-out;
	opacity: 0.6;
}
/* BUTTON STYLE */

/* HEADER SECTION STYLE */
.header-section .header-inner-section {
	display: flex;
	align-items: center;
	height: 110px;
}
.header-left-table {
	display: table;
	width: 60%;
}
.header-left-table > .make {
	display: table-cell;
	vertical-align: middle;
	float: left;
}
.header-left-table > .header-dealer-info {
	display: table-cell;
	float: left;
}
.header-right-table {
	display: table;
	width: 40%;
} 
.header-visit-us {
	display: inline-block;
	width: 100%;
}
.header-visit-us > a {
	width: 180px;
	height: 56px;
	float: right;
	margin-left: 5px;
	margin-right: 5px;
}
.header-visit-us > a > span {
	width: 100%;
}
.header-inner-section .header-dealer-info {
	padding-left: 15px;
	padding-right: 15px;
}
/* HEADER SECTION STYLE */

/* MAIN VIDEO SECTION STYLE */
section.main-video-section {
	flex-direction: row;
	position: relative;
}
.video-container{
	background: black;
	flex-basis: 79%;
	position: relative;
	flex-grow: 	1;
}
.hero-content-container-section {
	display: inline-block;
	background: var(--primary-black);
}
.hero-content-inner-section {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	height: 100%;
}
.hero-content-inner-section .content-group,
.hero-content-inner-section .button-group {
	display: inline-block;
	text-align: center;
}
.hero-content-inner-section .content-group {
	padding-top: 20px;
}
.hero-content-inner-section .content-group > p > span {
	display: block;
	padding-bottom: 6px;
}
.hero-content-inner-section .content-group > p {
	color: var(--primary-white);
	opacity: 0.9;
}
.hero-content-inner-section .button-group a > button {
	height: 56px;
	justify-content: space-evenly;
	width: 100%;
}
.hero-content-inner-section .button-group a > button:first-child {
	margin-bottom: 10px;
}

#video_main_container,
#video_bottom_container{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	z-index: 1;
}
#video_frame_bg, .video-aspect-placeholder {
	height: auto;
	padding-top:56.25%;
	position:relative;
	width: 100%;
	background: black;
}

#video_XYposition {
	clear: both;
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
}
#video_XYposition .track_ctrl_context_container {
	z-index: 101;
}
#video_XYposition {
	clear :both;
	position: absolute;
	z-index: 6;
}

#video_viewport {
	background-repeat: no-repeat; 
	background-position: center;
	background-color: #000;
}
/* MAIN VIDEO SECTION STYLE */

/* OFFER SECTION STYLE */
.offer-inner-section {
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.offer-inner-section .offer-content-box {
	padding-top: 20px;
}
.offer-inner-section .section-header {
	display: inline-block;
	width: 100%;
	height: auto;
	padding-top: 20px;
}
.offer-list-box {
	display: inline-block;
	margin-top: 40px;
	margin-bottom: 40px;
}
.coupons-ul {
	display: flex;
	text-align: center;
}
.coupon-section {
    float: left;
    width: 100%;
    height: auto;
}
.coupons-li {
    display: inline-block;
    text-transform: inherit;
}
.cp-container, 
.coupons-li {
    background: #FFFFFF;
}
.cp-header {
	background: #000000;
	color: #FFFFFF;
	height: 35px;
	text-align: center;
}
.cp-container {
    width: 100%;
    /* max-width: 390px; */
    /* min-height: 200px; */
    height: auto;
}
.cp-header {
    display: flex;
	align-items: center;
    justify-content: center;
    background: #000000;
    color: #FFFFFF;
	font-size: 16px;
    height: 40px;
    width: 100%;
}
.cp-name {
	display: inline-block;
	font-size: 18px;
    text-align: left;
    width: 100%;
}
.cp-price > span {
    display: inline-block;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    width: 100%;
	word-wrap: break-word;
}
.cp-block-box h6 {
	display: inline-block;
	font-size: 18px;
	font-weight: bolder;
	text-align: left;
	padding-bottom: 20px;
	width: 100%;
}
.coupon-description {
	display: inline-block;
	width: 100%;
}
.coupon-description p {
	display: inline-block;
	font-size: 16px;
	text-align: left;
	width: 100%;
}
.cp-r-table {
	display: inline-block;
	width: 100%;
	height: 58px;
	margin-bottom: 6px;
}
.cp-block-box > div:first-child {
	display: inline-block;
	margin-bottom: 20px;
}
.cp-r-table .button-full-black, 
.cp-r-table .button-full-white {
	width: 100%;
	height: 100%;
	justify-content: space-evenly;
	
}
.cp-disclaimer p {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #4C4C4C;
	text-align: left;
}
.cp-disclaimer {
	min-height: 90px;
}
.cp-value > img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}
/* COUPON PADDING */
.cp-price, 
.cp-disclaimer {
	padding: 14px;
}
.cp-name {
	padding: 14px 14px 0px 14px;
}
.cp-mid {
	padding: 0 14px;
}
/* COUPON PADDING */
.cp-price {
	min-height: 60px;
}

img.errored {
    background-color: #E5E5E5;
    background: url("https://placehold.co/420x260?text=no+image") no-repeat center center;
	background-size: cover;
	width: 100%;
    height: 200px;
}
.owl-carousel .owl-stage-outer {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.owl-carousel, .coupon-section {
    position: relative;
}

.coupon-section .owl-nav button.owl-next:after, .owl-carousel .owl-nav button.owl-next:after,
.coupon-section button.owl-prev:after, .owl-carousel .owl-nav button.owl-prev:after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2224%22%20viewBox%3D%220%200%2026%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2136_438)%22%3E%3Cpath%20d%3D%22M6.7345%204.12488L15.1127%2012.0049L6.7345%2019.8849L8.98852%2022.0049L19.6207%2012.0049L8.98852%202.00488L6.7345%204.12488Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2136_438%22%3E%3Crect%20width%3D%2225.5172%22%20height%3D%2224%22%20fill%3D%22white%22%20transform%3D%22translate(0.482788%200.00488281)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.coupon-section button.owl-prev:after, .owl-carousel .owl-nav button.owl-prev:after {
	transform: rotate(180deg);
}

.coupon-section button.owl-prev, .owl-carousel .owl-nav button.owl-prev, 
.coupon-section button.owl-next, .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    height: 75%;
    z-index: 100;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 70px;
    color: transparent;
    background-color: transparent;
    line-height: 0;
    border: none;
    width: 60px;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.coupon-section button.owl-next:after, .owl-carousel .owl-nav button.owl-next:after, 
.coupon-section button.owl-prev:after, .owl-carousel .owl-nav button.owl-prev:after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 100%;
    content: '';
    padding: 0;
}

.coupon-section button.owl-next,
.owl-carousel .owl-nav button.owl-next {
	justify-content: left;
}
.coupon-section button.owl-prev, 
.owl-carousel .owl-nav button.owl-prev {
	justify-content: right;
}

.coupon-section button.owl-next,
.owl-carousel .owl-nav button.owl-next{
	right: -60px;
}

.coupon-section button.owl-prev, 
.owl-carousel .owl-nav button.owl-prev {
    left: -60px;
}

.owl-carousel.centered {
    display: flex;
    justify-content: center;
    min-width: 100%;
    flex-direction: row;
}
.coupon-section button.owl-prev > span, 
.coupon-section button.owl-next > span {
	display: none;
}

.coupon-section button.owl-prev.disabled, 
.owl-carousel .owl-nav button.owl-prev.disabled, 
.coupon-section button.owl-next.disabled, 
.owl-carousel .owl-nav button.owl-next.disabled {
    cursor: default;
    opacity: 0.3;
}
.owl-carousel .owl-stage-outer {
	/* width: calc(100% - 16px); */
    margin: 0 auto;
}
.coupons-li {
	display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-evenly;
}
.coupon_item_wrap {
	width: 100%;
	height: 100%;
}

.owl-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
    width: 100%;
    margin: 20px auto;
}
.owl-dots button {
	width: 20px;
	height: 8px;
	border-radius: 0%;
	background: var(--secondary-gray) !important;
	border: none;
	margin: 0 3px;
}
.owl-dots button.active {
	background: var(--primary-black) !important;
}
.owl-stage {
	margin-bottom: 20px;
}
/* CUSTOM SCROLLBAR */
/* Works on Firefox */
.custom-scrollbar {
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.11) rgba(0, 0, 0, 0.1);
}
/* Works on Chrome, Edge, and Safari */
.custom-scrollbar::-webkit-scrollbar {
	width: 10px;
}
.custom-scrollbar::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.11);
	border-radius: 0px;
	border: 0px solid rgba(0, 0, 0, 0.1);
}
.text-lowercase {
	text-transform: lowercase;
}
/* CUSTOM SCROLLBAR */


/* FOOTER SECTION STYLE */
section.footer-container {
	justify-content: center;
	width: 100%;
	background-color: var(--primary-black);
	color: var(--primary-white);
	min-height: 350px;
}
.footer-container a > span,
.footer-container div > a > span,
.footer-container div > span,
.footer-container .footer-left-section .footer-contact-us h2,
.footer-container .footer-left-section .footer-service-hours h2 {
	opacity: 0.9;
	letter-spacing: 1px;
}
.footer-inner-section {
	display: flex;
	justify-content: space-between;
}

.footer-left-section,
.footer-right-section {
	display: flex;
}

.footer-map-info {
	display: inline-block;
	height: 100%;
	width: 100%;
}

.footer-contact-us h2,
.footer-service-hours h2 {
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.footer-contact-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer-dealer-name {
	font-size: 16px;
	font-weight: bold;
}
.footer-address > span,
.footer-phone a,
.footer-service-hours-day span {
	display: block;
}
.footer-service-hours-day,
.footer-phone {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.footer-service-hours-info {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.footer-schedule-service {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 255px;
	height: 56px;
}
.footer-schedule-service .button-full-white {
	color: var(--primary-black)
}
.footer-schedule-service .button-full-white:hover {
	background: var(--primary-black);
	color: var(--primary-white);
	border: 1px solid var(--primary-white);
	transition: all 0.4s ease-out;
} 
.footer-schedule-service .button-full-white {
	width: 100%;
	height: 100%;
	justify-content: space-evenly;
}
.footer-map #map a > img {
	display: inline-block;
	width: 100%;
	height: 100%;
}
/* FOOTER SECTION STYLE */

/* MODAL POPUP STYLE */
.modal-window-contents {    
    width: 100%;
    margin: 0 auto;
    max-width: 1101px; /*max width of page set here*/
    overflow: hidden;
}
.action-pop-up-container {
    position: relative;
}
.close-btn {
    position: absolute;
    z-index: 2;
    cursor: pointer;
}
.close-btn:hover {
    opacity: 0.6;
}
.heading-pop-up .pop-up-close {
	display: inline-block;
	float: right;
	background: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.1751%209.00007L17.0835%202.09174C17.22%201.93232%2017.2913%201.72726%2017.2832%201.51753C17.2751%201.3078%2017.1882%201.10885%2017.0398%200.960437C16.8914%200.812025%2016.6924%200.725081%2016.4827%200.71698C16.273%200.708879%2016.0679%200.780218%2015.9085%200.91674L9.00014%207.82507L2.09181%200.908407C1.93489%200.751487%201.72206%200.66333%201.50014%200.66333C1.27822%200.66333%201.06539%200.751487%200.908474%200.908407C0.751554%201.06533%200.663397%201.27816%200.663397%201.50007C0.663397%201.72199%200.751554%201.93482%200.908474%202.09174L7.82514%209.00007L0.908474%2015.9084C0.821239%2015.9831%200.750389%2016.075%200.700369%2016.1784C0.65035%2016.2818%200.622241%2016.3944%200.617808%2016.5092C0.613376%2016.624%200.632713%2016.7384%200.674609%2016.8453C0.716504%2016.9523%200.780053%2017.0494%200.861265%2017.1306C0.942478%2017.2118%201.0396%2017.2754%201.14654%2017.3173C1.25348%2017.3592%201.36792%2017.3785%201.48268%2017.3741C1.59745%2017.3696%201.71006%2017.3415%201.81345%2017.2915C1.91684%2017.2415%202.00877%2017.1706%202.08347%2017.0834L9.00014%2010.1751L15.9085%2017.0834C16.0679%2017.2199%2016.273%2017.2913%2016.4827%2017.2832C16.6924%2017.2751%2016.8914%2017.1881%2017.0398%2017.0397C17.1882%2016.8913%2017.2751%2016.6923%2017.2832%2016.4826C17.2913%2016.2729%2017.22%2016.0678%2017.0835%2015.9084L10.1751%209.00007Z%22%20fill%3D%22%23B3B3B3%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 20px;
	height: 20px;
}
.pop-up-close:hover {
    opacity: 0.6;
    cursor: pointer;
}
.lb-page-overlay { /*modal backdrop*/
	position: fixed;
	top: 0;
	width: 100%;
	overflow: hidden;
	height: 100%;
	z-index: 10;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}
.lb-pop-up-message-wraper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	z-index: 10;
	display: none;
	pointer-events: none;/*do not block events below modal*/
}
.lb-pop-up-message{
	pointer-events: all;/*do not block events*/
}
.action_pop_up_wrapper {
	width: 800px;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
}
.action-pop-up-container {
	width: 100%;
	margin: 0 auto;
	height: auto;
	background-color: #fff;
}
.pop-up-contents {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	background: #fff;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
.pop_up_content {
	float: left;
	width: 100%;
	height: auto;
	height: auto;
}
/* MODAL POPUP STYLE */

/* SAVE YOU OFFER STYLE */
.coupon-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 393px;
}
.coupon-inner-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background-color: #fff;
	border-radius: 0px;
	box-shadow: 0px 0px 50px 0px #0000001A;
	padding: 20px;
}
.coupon-name {
    display: inline-block;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
}
.coupon-title {
	display: inline-block;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	font-weight: bolder;
	width: 100%;
}
.coupon-description-customized {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	text-align: left;
	padding-bottom: 20px;
}
.coupon-disclaimer {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #4C4C4C;
	text-align: left;
}
.coupon-price {
    display: inline-block;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    width: 100%;
    padding-bottom: 10px;
}
.save-offer-popup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 20px;
}
.save-offer-popup .heading{
	margin: 0;
	font-weight: bolder;
}
.heading-pop-up {
	display: flex;
	width: 100%;
	font-size: 18px;
	font-weight: bolder;
	justify-content: space-between;
	align-items: center;
}
/* SAVE YOU OFFER STYLE */

/* DEFAULT ZOOM */
@media only screen and ( min-resolution: 120dpi ) {
    html {
        zoom: .94;
	}
}
/* DEFAULT ZOOM */