﻿/*----------------------------------------------------------------------------
    BACKGROUND TINT LAYERS
-----------------------------------------------------------------------------*/
.imgBlockTint,
.imgBlockHover { opacity: 0; content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: block; transition: 0.7s; pointer-events: none; cursor: pointer; }
.imgBlockTint { opacity: 0.7; }
[class*="e_"]:hover .imgBlockHover { opacity: 0.7; }

/*----------------------------------------------------------------------------
    ROLL ARROW ICON
-----------------------------------------------------------------------------*/
.rollArrow { position: absolute; top: 10px; right: 15px; display: flex; width: 35px; height: 30px; opacity: 0; transition: 0.7s; }
[class*="e_"]:hover .rollArrow { transition: 0.7s; opacity: 0.9; cursor: pointer; right: 9px; }
.rollArrow a { display: inherit; }
.rollArrow svg { display: inherit; width: 100%; height: 100%; fill: #fff; }


/*----------------------------------------------------------------------------
    SEARCH ELEMENT
-----------------------------------------------------------------------------*/

.ucSearch { text-align: center; }
.ucSearch .panel-body { width: 1036px; max-width: 100%; margin: auto; background-color: #fff; padding: 39px 60px; border-radius: 100px; position: relative; box-shadow: 0px 12px 32px 0px #00000021; height: 172px; display: inline-flex; text-align: left; }
.ucSearch.brand .panel-body { padding-top: 30px; padding-bottom: 30px; }
.ucSearch .panel-body > .container { padding: 0; max-width: 100%; }
.ucSearch .panel-body > .container .panel-heading { opacity: 1.0; font-weight: 600; font-size: 2em; margin-bottom: 15px; min-height: initial; line-height: initial; border: none; padding: 0; padding-left: 11px; text-transform: initial; justify-content: center; }
.ucSearch .panel-body > .container .row { margin-left: -6px; margin-right: -6px; justify-content: center; }
.ucSearch .panel-body > .container [class*="col-"] { padding-left: 6px; padding-right: 6px; width: 230px; flex: 0 0 230px; }

.spure_select,
.ucSearch .panel-body > .container .dropSelect > a,
.ucSearch .panel-body > .container select { height: 50px; border-radius: 50px; font-size: 0.945em; font-weight: 600; background-color: #f9f8f8; border: none; box-shadow: 0 0 0 1px rgb(41 41 41 / 25%) inset, 0 3px 4px 0px rgb(41 41 41 / 0%) inset; background-image: url(../images/arrowUpDown.png); background-repeat: no-repeat; background-size: 17px; background-position: right 19px center; display: inline-flex; align-items: center; padding: 10px 18px; }

.spure_select:hover,
.ucSearch .panel-body > .container .dropSelect > a:hover,
.ucSearch .panel-body > .container select:hover { border-color: var(--theme-color); }

.ucSearch .panel-body > .container .button { height: 50px; border-radius: 50px; font-size: 0.95em; position: relative; }
.ucSearch .panel-body > .container .button img { width: 15px; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; }
.ucSearch .select-wrapper { margin-bottom: 0; }

.ucSearch .panel-body > .container .dropSelect > a .fa { display: none; }
.ucSearch .panel-body > .container .dropSelect .spure_select { width: calc((100%) - (50px)); box-shadow: none; height: auto; min-height: 46px; top: 2px; pointer-events: none; padding: 8px 15px; }
.ucSearch .panel-body > .container .dropSelect .spure_select .spure_label * { pointer-events: all; }

.hideSearch .panel-body > .container { display: none; }
.hideSearch .panel-body { width: initial; max-width: initial; margin: initial; background-color: initial; padding: initial !important; border-radius: initial; position: initial; height: initial; display: initial; }

.mini-links { display: flex; align-items: center; justify-content: space-between; list-style: none; margin: 0; margin-top: 27px; }
.mini-links li { margin: 0; display: inline-flex; align-items: center; }
.mini-links a { display: inline-flex; align-items: center; margin-left: 18px; margin-right: 29px; position: relative; font-size: 0.88em; font-weight: 600; line-height: 1; color: #000; }
.mini-links a:first-child { margin-left: 14px; }
.mini-links a:last-child { margin-right: 5px; }
.mini-links li:last-child a:not(:last-child) { margin-right: 0; }

.miniF i,
.miniV i { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 22px; height: 22px; font-size: 22px; margin-right: 5px; }

.miniF i span,
.miniV i span { font-family: var(--theme-font-family); font-weight: 600; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: inherit; align-items: inherit; justify-content: inherit; font-size: 12px; }

.miniF i { color: var(--favorite-color); }
.miniF i span { color: #ffffff; }

.miniV i { color: #e4e4e4; }
.miniV i span { color: var(--font-color); }

.switchGroup { position: relative; cursor: pointer; width: 85px; }
.switchGroup .switch__lbl { background-color: #FFF; border-radius: 50px; position: relative; cursor: pointer; text-align: center; margin: auto; height: 47px; border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(41,41,41,0.6) inset, 0 3px 4px 0px rgba(41,41,41,0) inset; }
.switchGroup .toggle { position: absolute; width: 50%; background-color: var(--theme-color); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 50px; height: 100%; }

.switchGroup .names { font-weight: bolder; position: absolute; display: flex; justify-content: space-between; user-select: none; align-items: center; align-content: center; width: 100%; padding: 0; height: 100%; }
.switchGroup .names p { margin: 0; color: #fff; line-height: 1; width: 50%; font-size: 0.85em; font-weight: 800; }

.switchGroup [type="checkbox"] { width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; opacity: 0; cursor: pointer; box-shadow: none; }
.switchGroup [type="checkbox"]:checked + .switch__lbl .toggle { transform: translateX(103%); }
.switchGroup [type="checkbox"]:checked + .switch__lbl .names .monthly { color: #aeaeae; }
.switchGroup [type="checkbox"]:not(:checked) + .switch__lbl .names .cash { color: #aeaeae; }



.ucSearch .bgpanel a.cartcar { padding: 12px 5px; display: block; text-align: center; font-size: 14px; font-weight: 700; border: 2px solid var(--theme-color); background-color: #fff; color: var(--font-color); border-radius: 50px; }
.ucSearch .bgpanel a.cartcar:hover { background-color: var(--theme-color); color: #fff; }

/*----------------------------------------------------------------------------
    AI BLOCK ELEMENT 
-----------------------------------------------------------------------------*/
.e_aiblock { padding-bottom: 10px; }
.ucAiBlock { position: relative; height: 391px; border-radius: 16px; overflow: hidden; }
.ucAiBlock.fullBoxLink { border-bottom-right-radius: 0; }
.ucAiBlock .rollArrow { }
.ucAiBlock .element-thumb { display: none; }
.ucAiBlock .element-background { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.ucAiBlock .element-heading { color: var(--theme-color); line-height: 1; margin-bottom: 7px; }
.ucAiBlock .element-description { color: #fff; font-size: 1.2em; line-height: 1; letter-spacing: -0.05px; font-weight: 700; margin-bottom: 0; }
.ucAiBlock.fullBoxLink:not(.blankButton) .element-description { max-width: calc(100% - 75px); }
.ucAiBlock .element-textblock { padding: 1.125rem; padding-bottom: 1.625rem; height: 100%; display: flex; position: relative; z-index: 2; justify-content: space-between; align-items: flex-end; }
.ucAiBlock .element-textwrap { width: 100%; }

.ucAiBlock .button-wrap { text-align: right; white-space: nowrap; }
.ucAiBlock .button-wrap a { font-size: 0.8em; font-weight: 600; }
.ucAiBlock .button { min-width: auto; height: auto; padding: 10px 15px; bottom: -7px; }
.ucAiBlock .link-button { }
.ucAiBlock.fullBoxLink .box-link-button { }
.ucAiBlock:not(.fullBoxLink) .onlyBoxLink { display: none; }


/*----------------------------------------------------------------------------
    IMAGES SLIDER ELEMENT 
-----------------------------------------------------------------------------*/
.ucImageSlider { height: 365px }
.ucImageSlider .swiper { height: 100%; }
.ucImageSlider .element-thumb { display: none; }

.ucImageSlider .swiper-pagination { width: auto; bottom: 25px; line-height: 1; font-size: 0; left: 0; right: 0; }
.ucImageSlider .swiper-pagination .swiper-pagination-bullet { background: #b2b2b2; width: 25px; height: 5px; opacity: 1; margin-left: 4px; border-radius: 0; }
.ucImageSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--theme-color); }

/*----------------------------------------------------------------------------
    BANNER SLIDER ELEMENT 
-----------------------------------------------------------------------------*/
.ucBannerSlider { }
.ucBannerSlider .rollArrow { display: none; }
.ucBannerSlider .swiper-wrapper { background: #fff; }
.ucBannerSlider .swiper { height: 100%; }
.ucBannerSlider .swiper-slide { background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: auto 100%; }
.ucBannerSlider .swiper-slide .container { height: inherit; }
.ucBannerSlider .element-textblock { font-size: 17px; padding: 109px 0 64px; padding-bottom: 85px; height: 100%; display: flex; position: relative; z-index: 2; flex-direction: column; width: 100%; }
.container-fluid .ucBannerSlider .element-textblock { padding-left: 0px; padding-right: 0px; }
.ucBannerSlider .element-thumb { display: none; }
.ucBannerSlider .element-thumb .mobile-blank-img { display: none; position: relative; z-index: 1; }
.ucBannerSlider .element-tagline { }
.ucBannerSlider .element-heading { }
.ucBannerSlider .element-description { color: #000; line-height: normal; margin-bottom: 0; }
.ucBannerSlider .button-wrap { margin-top: 10px; }
.ucBannerSlider .button-wrap a { }

body.HomePage:not(.brand-home) .col-12 .ucBannerSlider .element-textwrap { }
.col-12 .ucBannerSlider .element-textwrap { background-color: transparent !important; width: 539px; }
.ucBannerSlider .element-textwrap h1 { margin-bottom: 0; font-size: 2em; }
.ucBannerSlider .element-textwrap h2 { margin-bottom: 0; }
.ucBannerSlider .element-textwrap h3 { margin-bottom: 0; }
.ucBannerSlider .element-textwrap h4,
.ucBannerSlider .element-textwrap h5 { margin-bottom: 0; }
.ucBannerSlider .element-textwrap h6 { margin-bottom: 0; }


.ucBannerSlider .swiper-pagination { width: auto; left: 0; right: 0px; bottom: -20px; line-height: 1; font-size: 0; z-index: 99999; }
.ucBannerSlider .swiper-pagination .swiper-pagination-bullet { background: #ccc; width: 10px; height: 10px; margin-left: 4px; opacity: 0.5; }
.ucBannerSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--theme-color); opacity: 1; }

/*.ucBannerSlider .video-thumb { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 0; pointer-events: none; }
.ucBannerSlider .video-thumb video { position: inherit; top: 50%; left: 50%; z-index: 1; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%,-50%); pointer-events: none; }*/

.ucBannerSlider .video-thumb { width: 100%; pointer-events: none; overflow: hidden; }
.ucBannerSlider .video-thumb video { width: 100%; height: auto; }



.brand-logo { display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 10px; right: 10px; width: 35px; height: 35px; }
.brand-logo img { width: 100%; }

.ucBannerSlider .cAlignRight .swiper-pagination { right: auto; left: 20px; }
.ucBannerSlider .cAlignRight .brand-logo { right: auto; left: 10px; }

.ucBannerSlider .cAlignTop .element-textblock { justify-content: start; }
.ucBannerSlider .cAlignMid .element-textblock { justify-content: center; }
.ucBannerSlider .cAlignBottom .element-textblock { justify-content: end; }


.ucBannerSlider .slideLink .button-wrap a { background: transparent; }
.ucBannerSlider .fullBoxLink .box-link-button span { display: none; }
.ucBannerSlider .swiper-slide:not(.fullBoxLink) .onlyBoxLink { display: none; }

.ucBannerSlider .imgBlockTint { opacity: 1; }

.ucBannerSlider picture { display: none; min-height: 300px; }
.col-12 .ucBannerSlider .container.text-blank .element-tagline { display: none; }
.col-12 .ucBannerSlider .element-tagline { line-height: 1; opacity: 1.0; color: #000; font-weight: 500; font-size: 1.529em; text-align: left; letter-spacing: -0.51px; position: relative; border-bottom: solid 2px #dadada; padding-bottom: 25px; }
.col-12 .ucBannerSlider .element-heading { color: #000; margin-right: auto; margin-left: auto; opacity: 1.0; font-weight: 600; margin-top: 12px; text-align: left; line-height: 1.38; }
.col-12 .ucBannerSlider .video-thumb { height: 411px; border-radius: 18px; }


@media screen and (min-width:767px) {
	.col-12 .ucBannerSlider .element-tagline:before { content: ""; position: absolute; background: #f54336; height: 15px; width: 15px; border-radius: 100px; left: -33px; top: 7px; }
	.col-12 .ucBannerSlider .element-heading { font-size: 2.765em; letter-spacing: -1.4px; }
}

.e_bannerslider:not(.col-12) { padding-bottom: 10px; }
.e_bannerslider:not(.col-12) .ucBannerSlider picture .kenBurns-background { transform: initial !important; opacity: 1 !important; }
.e_bannerslider:not(.col-12) .ucBannerSlider .video-thumb { height: 100%; display: flex; align-items: center; justify-content: center; }
.e_bannerslider:not(.col-12) .ucBannerSlider .video-thumb iframe[src*="www.youtube.com"] { height: calc(100% + 95px); width: calc(100% + 95px); max-width: calc(100% + 95px); min-width: calc(100% + 95px); }

.e_bannerslider:not(.col-12) .ucBannerSlider { border-radius: 16px; overflow: hidden; height: 391px; }
.e_bannerslider:not(.col-12) .ucBannerSlider .rollArrow { display: flex; color: #fff; fill: #fff; }
.e_bannerslider:not(.col-12) .ucBannerSlider .swiper-pagination { width: auto; left: auto; right: 20px; bottom: 20px; line-height: 1; font-size: 0; z-index: 99999; }
.e_bannerslider:not(.col-12) .ucBannerSlider .swiper-pagination .swiper-pagination-bullet { background: #fff; width: 60px; height: 4px; margin-left: 4px; margin-right: 0; border-radius: 0; opacity: 0.5; }
.e_bannerslider:not(.col-12) .ucBannerSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--theme-color); opacity: 1; }

.e_bannerslider:not(.col-12) .ucBannerSlider .swiper-slide .container { padding: 0; }
.e_bannerslider:not(.col-12) .ucBannerSlider .element-textblock { padding: 1.125rem; padding-bottom: 1.625rem; }
.e_bannerslider:not(.col-12) .ucBannerSlider .element-textwrap { font-size: 13px; }
.e_bannerslider:not(.col-12) .ucBannerSlider .button-wrap a { font-size: 0.8em; font-weight: 600; }
.e_bannerslider:not(.col-12) .ucBannerSlider .button-wrap .button { min-width: auto; height: auto; padding: 10px 15px; border-radius: 50px; }
.e_bannerslider:not(.col-12) .ucBannerSlider .swiper-slide.fullBoxLink .onlyBoxLink:not(.onlyFor6) { display: none; }
.e_bannerslider:not(.col-12) .ucBannerSlider .swiper-slide.fullBoxLink .element-textwrap .onlyBoxLink.onlyFor6 { margin-top: 10px; display: inline-block; font-size: 1em; font-weight: 600; color: #fff; }

.e_bannerslider:not(.col-12) .ucBannerSlider .text-blank .element-textwrap { display: none; }
.e_bannerslider:not(.col-12) .ucBannerSlider .element-textwrap h3,
.e_bannerslider:not(.col-12) .ucBannerSlider .element-textwrap h4,
.e_bannerslider:not(.col-12) .ucBannerSlider .element-textwrap h5,
.e_bannerslider:not(.col-12) .ucBannerSlider .element-textwrap h6 { line-height: 1.385; }

.e_bannerslider:not(.col-12) .ucBannerSlider .element-tagline { margin-bottom: 15px; opacity: 0.8; font-size: 1.08em; }
.e_bannerslider:not(.col-12) .ucBannerSlider .element-tagline h3 { font-weight: 700; }

.e_bannerslider:not(.col-12) .ucBannerSlider .element-heading { margin-top: 0; }
.e_bannerslider:not(.col-12) .ucBannerSlider .element-heading h3 { font-weight: 700; }

.e_bannerslider:not(.col-12) .ucBannerSlider .element-description { opacity: 0.8; margin-top: 0; }

.e_bannerslider:not(.col-12) .ucBannerSlider .imgBlockTint { display: none; }


.onlyBoxLinkMobile { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; padding: 0; display: none; width: 100%; height: 100%; font-size: 0; background: transparent; pointer-events: none; }
.onlyBoxLinkMobile a { position: inherit !important; top: inherit !important; left: inherit !important; right: inherit !important; bottom: inherit !important; padding: inherit !important; display: inherit !important; width: inherit !important; height: 100% !important; font-size: inherit !important; background: inherit !important; pointer-events: all; }
.onlyBoxLinkMobile a * { display: none; }


/*----------------------------------------------------------------------------
   VEHICLE BANNER
-----------------------------------------------------------------------------*/
.vBannerRpt { background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; position: relative; height: 63.138vh; margin-bottom: 60px; }
.vBannerRpt .element-thumb { display: none; }
.vBannerRpt .element-head { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 740px; max-width: calc(100% - 30px); background: #fff; padding: 20px 54px; border-radius: 6px; box-shadow: 0px 0px 11px 0px #1e18362e; margin-bottom: -50px; text-align: center; font-size: 20px; font-weight: 600; }
.vBannerRpt .element-head span { margin-bottom: 10px; display: block; }
.vBannerRpt .element-head p { font-size: unset; margin-top: unset; margin-bottom: unset; }

.col-12 .vBannerRpt { height: auto; background: transparent !important; }
.col-12 .vBannerRpt .element-thumb { display: block; font-size: 0; }
.col-12 .vBannerRpt .element-thumb img { width: 100%; }

.modelDetail .eleRowNo_2 .ucText { padding: 38px; background: #e0ebf7; border-radius: 20px; }

/*----------------------------------------------------------------------------
   VEHICLE BANNER
-----------------------------------------------------------------------------*/

.ele-scroller { background: #fff; width: 100%; margin-bottom: 10px; min-height: 75px; }
.ele-scroller .navScrollPos { min-height: inherit; padding: 15px 0; border-bottom: 1px solid transparent; -webkit-transition: 0.15s; transition: 0.15s; }
.ele-scroller .navScrollPos .container { display: flex; align-items: center; justify-content: space-between; }
.ele-scroller .navScrollPos .hide767.text-center { line-height: 0; }

.ele-scroller.fixed .navScrollPos { position: fixed; left: 0; right: 0; top: 76px; z-index: 9; background-color: #fff; border-color: #f1f1f1; }
.ele-scroller a { display: inline-flex; padding: 5px 0px 15px 0px; margin: 0 20px; line-height: 1; opacity: 0.58; position: relative; }
.ele-scroller a:first-child { margin-left: 0; }
.ele-scroller a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--secondary-theme-color); opacity: 0; }
.ele-scroller a.active { font-weight: 600; opacity: 1; }
.ele-scroller a.active:before { opacity: 1; }


/*----------------------------------------------------------------------------
    SPECIAL OFFER ELEMENT
-----------------------------------------------------------------------------*/
.ucSpecialOffer .mainHeading { padding: 0; margin: 0 0 20px 0; }
.ucSpecialOffer .mainHeading h3 { line-height: 1.05; font-size: 1.6em; letter-spacing: -0.036em; margin-bottom: 6px; }
.ucSpecialOffer .mainHeading p { margin-bottom: 0; font-size: 1.07em; }

.ucSpecialOffer .offerModelListRpt .element-description ul { margin: 0; list-style: none; }
.ucSpecialOffer .offerModelListRpt .element-description li { padding-left: 15px; position: relative; }
.ucSpecialOffer .offerModelListRpt .element-description li:empty { display: none; }
.ucSpecialOffer .offerModelListRpt .element-description li:before { content: ""; border-radius: 50%; width: 4px; height: 4px; background: #000; display: inline-flex; position: absolute; top: 7px; left: 0px; }
.ucSpecialOffer .offerModelListRpt .element-price { opacity: 1.0; font-size: 16px; font-weight: 400; margin-top: 32px; }
.ucSpecialOffer .offerModelListRpt .element-price b { font-size: 26px; letter-spacing: -0.31px; }
.ucSpecialOffer .offerModelListRpt .button-wrap .button { background: #002c5f; color: #fff; font-size: 12px; padding: 15px 15px 14px; text-transform: uppercase; font-weight: 600; height: auto; border-radius: 0; width: 256px; max-width: 100%; }
.ucSpecialOffer .offerModelListRpt .button-wrap .link-button { font-size: 1.08em; font-weight: 700; text-transform: capitalize; }

.ucSpecialOffer:not(.only-offer-name) .offerModelListRpt .element-thumb img { /*max-width: 80%;*/ }
.ucSpecialOffer:not(.only-offer-name) .offerModelListRpt .element-textblock { margin-top: 20px; text-align: left; padding: 0; }
.ucSpecialOffer:not(.only-offer-name) .offerModelListRpt .element-heading { font-size: 1em; margin-bottom: 20px; letter-spacing: normal; font-weight: 700; }
.ucSpecialOffer:not(.only-offer-name) .offerModelListRpt .element-description { font-size: 16px; font-weight: 500; color: var(--font-color); }
.ucSpecialOffer:not(.only-offer-name) .offerModelListRpt .button-wrap { margin-top: 30px; }

.ucSpecialOffer.only-offer-name .offerModelListRpt .shadow { border: none; box-shadow: 0px 0px 7px -4px #0000008c !important; }
.ucSpecialOffer.only-offer-name .offerModelListRpt .element-thumb img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; }
.ucSpecialOffer.only-offer-name .offerModelListRpt .element-thumb:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.6; }
.ucSpecialOffer.only-offer-name .offerModelListRpt .element-heading { font-size: 0.935em; margin-bottom: 14px; }
.ucSpecialOffer.only-offer-name .offerModelListRpt .element-description { font-size: 17px; letter-spacing: -0.25px; line-height: 1.2; }
.ucSpecialOffer.only-offer-name .offerModelListRpt .button-wrap { margin-top: 20px; }

.ucSpecialOffer.sliderView .offerModelListRpt { padding: 7px; }



/*----------------------------------------------------------------------------
    TABS ELEMENT 
-----------------------------------------------------------------------------*/
.ucTabs > .container > h2 { font-size: 1.45em; font-weight: 700; }
.ucTabs > .container > h2:empty { display: none; }
.container .ucTabs > .container { padding: 0; }

.ucDefaultTab .tabs { justify-content: center; flex-wrap: nowrap; }
.ucDefaultTab .tab-link { min-width: initial; padding: 10px 15px; margin-right: 20px; text-align: center; }
.ucDefaultTab .tab-link:last-child { margin-right: 0; }
.ucDefaultTab .tab-content { padding: 20px; }

/*----------------------------------------------------------------------------
    ACCORDION ELEMENT 
-----------------------------------------------------------------------------*/
.ucAccordion .accordion { margin-bottom: 0; }

/*----------------------------------------------------------------------------
    TEXT ELEMENT 
-----------------------------------------------------------------------------*/

.ucText .element-description { }
.ucText .element-description p { font-size: var(--paragraph-font-size); }
.ucText .element-description h1,
.ucText .element-description h2,
.ucText .element-description h3,
.ucText .element-description h4,
.ucText .element-description h5,
.ucText .element-description h6 { color: var(--font-color); }

.dealerDetail .ucText .element-description { color: var(--font-color); }

.ucText .element-description ul,
.ucText .element-description ol { list-style-position: unset; padding-left: 25px; }

/*----------------------------------------------------------------------------
    HTML ELEMENT 
-----------------------------------------------------------------------------*/
.ucHtml .element-description { }
.ucHtml .element-description p { font-size: var(--paragraph-font-size); }
section[style*="background"] .ucHtml .element-description { opacity: 1; }
.ucHtml .element-description ul,
.ucHtml .element-description ol { list-style-position: unset; padding-left: 25px; }

/*----------------------------------------------------------------------------
    IMAGE ELEMENT 
-----------------------------------------------------------------------------*/
.ucImage { width: 100%; }
.ucImage .element-thumb { font-size: 0; text-align: center; }

.e_image .ucImage { height: 100%; }
.e_image .element-thumb { height: 100%; display: flex; align-items: center; }

.HomePage .row_6_6 .col-6.e_image:first-child img { clip-path: circle(42% at 49% 50%); z-index: 1; position: relative; }

/*----------------------------------------------------------------------------
    IMAGE BLOCK ELEMENT 
-----------------------------------------------------------------------------*/

.e_imageblock .ucImage { height: 365px; padding: 25px; display: flex; position: relative; overflow: hidden; flex-direction: column; justify-content: flex-end; }
.e_imageblock .element-textblock { z-index: 2; }
.e_imageblock .element-heading { font-size: 1.45em; font-weight: 700; }
.e_imageblock .fullBoxLink .box-link-button { padding: 25px; }


/*----------------------------------------------------------------------------
    IMAGE WITH TEXT ELEMENT 
-----------------------------------------------------------------------------*/

.e_imagewithtext .ucImage { margin-bottom: 20px; }
.e_imagewithtext .element-thumb { margin-bottom: 18px; }
.e_imagewithtext .element-heading { font-size: 1.33em; font-weight: 700; }
.e_imagewithtext .element-description { margin-bottom: 18px; font-size: var(--paragraph-font-size); }

.e_imagewithtext .button-wrap + .button-wrap { margin-top: 10px; }
.e_imagewithtext .link-button,
.e_imagewithtext .box-link-button { font-weight: 500; }

.dealerDetail .e_imagewithtext .button { height: 42px; font-size: 14px; min-width: 185px; }
.dealerDetail .e_imagewithtext .button:hover { }


/*----------------------------------------------------------------------------
    TEXT WITH BUTTON ELEMENT 
-----------------------------------------------------------------------------*/
.HomePage .e_textwithbtn .element-heading { color: var(--theme-color); }

.e_textwithbtn .element-textwrap { position: relative; }
.e_textwithbtn .element-textblock { width: 100%; }
.e_textwithbtn .element-heading { font-size: 1.45em; font-weight: 700; }
.e_textwithbtn .element-description { margin-bottom: 1.1rem; }
.e_textwithbtn .element-description p { font-size: var(--paragraph-font-size); }
.e_textwithbtn .button { width: 230px; }
.e_textwithbtn .button + .button { margin-left: 10px; }

/*----------------------------------------------------------------------------
    PROMO BLOCK ELEMENT 
-----------------------------------------------------------------------------*/
.ucPromoBlock { margin-bottom: 12px; }
.ucPromoBlock .element-thumb { font-size: 0; }
.ucPromoBlock .element-thumb img { width: 100%; }
.ucPromoBlock .element-heading { font-size: 19px; font-weight: 600; letter-spacing: 0.2px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.ucPromoBlock .element-textblock { background-color: #f1f1f1; padding: 20px; }
.ucPromoBlock .element-description { margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--paragraph-font-size); }
.ucPromoBlock .button-wrap a { }
.ucPromoBlock .button-wrap a span { margin: 20px; margin-top: 0; width: 100%; }

/*----------------------------------------------------------------------------
    BAR WITH BUTTON ELEMENT 
-----------------------------------------------------------------------------*/
.ucBarWithButton { height: 100%; padding: 10px 0; display: flex; align-items: center; }
.ucBarWithButton .button { color: var(--font-color); width: 95%; margin: 10px 0; }
.ucBarWithButton .element-description { margin: 10px 0; font-size: 16px; }

.ucBarWithButton .element-description h1:last-child,
.ucBarWithButton .element-description h2:last-child,
.ucBarWithButton .element-description h3:last-child,
.ucBarWithButton .element-description h4:last-child,
.ucBarWithButton .element-description h5:last-child,
.ucBarWithButton .element-description h6:last-child,
.ucBarWithButton .element-description p:last-child { margin-bottom: 0; }


.col-6 .ucBarWithButton { padding: 10px 30px; }
.col-6 .ucBarWithButton .row { flex-direction: column; align-items: start; }
.col-6 .ucBarWithButton .row [class*="col-"] { flex: 0 0 100%; width: 100%; max-width: 100%; text-align: center; }
.col-6 .ucBarWithButton .button { width: auto; }



/*----------------------------------------------------------------------------
    IMAGE SLIDE ELEMENT 
-----------------------------------------------------------------------------*/
.container-fluid .ucImageSlide .container { padding-left: 10px; padding-right: 10px; }
.ucImageSlide .element-heading { font-size: 1.45em; font-weight: 700; }
.ucImageSlide .container { height: 480px; padding: 30px; }
.ucImageSlide .container .row { height: 100%; }
.ucImageSlide .cAlignCenter { text-align: center !important; justify-content: center; }
.ucImageSlide .cAlignRight { justify-content: flex-end; }

.HomePage .ucImageSlide .container { max-height: 480px !important; height: auto !important; }
/*----------------------------------------------------------------------------
    MANUFACTURER ELEMENT 
-----------------------------------------------------------------------------*/

.ucManufacturer { position: relative; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; padding: 20px; }
.container-fluid .e_manufacturer .row { margin-left: 0; margin-right: 0; }
.ucManufacturer .row div:not(.col-hyundai, .col-omoda, .col-jaecoo) { display: none; }
.mfRpt { display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.mfRpt .element-thumb:not(.owl-item .element-thumb) { display: inline-flex; justify-content: center; align-items: center; }
.mfRpt .element-thumb img { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.mfRpt .element-heading { text-align: center; }

.ucManufacturer [class*="col-"]:hover { transform: scale(1.06); transition: 1s; }

.ucManufacturer.Logo .mfRpt { }
.ucManufacturer.Logo [class*="col-"] { flex: 0 0 auto; max-width: max-content; }

.ucManufacturer.BigLogo .mfRpt { }

.ucManufacturer.Block .mfRpt { background-color: #fff; padding: 10px !important; border-radius: 14px; }
/*----------------------------------------------------------------------------
    VIDEO ELEMENT 
-----------------------------------------------------------------------------*/
.ucVideo .element-thumb { position: relative; font-size: 0; height: inherit; }
.ucVideo .element-thumb iframe { width: 100%; min-height: 270px; }

.e_video .ucVideo { height: 100%; }
.col-12.e_video:not(:last-child) { margin-bottom: 30px; }
.e_video:not(.col-12) .ucVideo .element-thumb iframe { height: 100%; }



/*----------------------------------------------------------------------------
    VIDEO WITH TEXT ELEMENT 
-----------------------------------------------------------------------------*/
.e_videowithtext .element-thumb { font-size: 0; margin-bottom: 20px; position: relative; }
.e_videowithtext .element-heading { font-size: 1.45em; font-weight: 700; }
.e_videowithtext .mediaController { right: 10px; bottom: 10px; width: 35px; height: 35px; }
.e_videowithtext .mediaController:after { font-size: 10px; }

/*----------------------------------------------------------------------------
    VIDEO SLIDE ELEMENT 
-----------------------------------------------------------------------------*/
.ucVideoSlide { position: relative; }
.ucVideoSlide .container { height: 480px; padding: 30px; }
.ucVideoSlide .container .row { height: 100%; }
.ucVideoSlide .container .row [class*="col-"] { position: relative; z-index: 2; }
.ucVideoSlide .cAlignCenter { text-align: center !important; justify-content: center; }
.ucVideoSlide .cAlignRight { justify-content: flex-end; }
.ucVideoSlide .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; margin: auto; background: #000000; }
.ucVideoSlide .background iframe { max-width: 100%; width: 100%; height: 100%; }
.ucVideoSlide .cAlignRight + .background .mediaController { left: 25px; right: auto; }

/*----------------------------------------------------------------------------
    TEAM ELEMENT 
-----------------------------------------------------------------------------*/

.e_team .ucTeam { text-align: center; }
.e_team .ucTeam h1 { margin-bottom: 0; }
.e_team .ucTeam h3 { padding-bottom: 1.1rem; padding-top: 1.1rem; position: relative; }

.teamRpt { margin-bottom: 15px; background: #fff; border-radius: 0px; padding: 0px; }
.teamRpt .element-thumb { height: 220px; width: 220px; overflow: hidden; border-radius: 50%; margin: auto; margin-bottom: 20px; border: 3px solid #f2f2f2; }
.teamRpt .element-textblock .element-heading { margin-bottom: 12px; font-size: 1.2em; }
.teamRpt .element-textblock .element-position { font-size: 16px; font-weight: 400; margin-bottom: 15px; opacity: 0.8; }
.teamRpt .element-textblock .button-wrap .link-button { font-weight: 500; font-size: 12px; color: var(--theme-color); }
.teamRpt .element-thumb .wide { object-fit: cover; }
.teamRpt .element-textblock { padding: 0px 15px 20px; text-align: center; }
.padding-top-1 .row .col-3.col-sm-6:first-child { align-self: center; }
.padding-top-1 .row .col-3.col-sm-6:first-child h1 { margin-bottom: 15px; font-weight: 600; font-size: 2em; opacity: 0.8; }
.padding-top-1 .row .col-3.col-sm-6:first-child p { opacity: 0.8; font-size: 0.94em; }
.teamRpt .element-textblock .button-wrap .tel-no { color: var(--heading-color); opacity: 0.8; margin-top: 8px; }

/*----------------------------------------------------------------------------
    JOB LIST ELEMENT 
-----------------------------------------------------------------------------*/
.rptJobs { padding: 2rem; margin-bottom: 1.5rem; margin-top: 1.5rem; box-shadow: 0px 0px 10px rgba(51,51,51,0.15); }

/*----------------------------------------------------------------------------
    SUBSCRIBE ELEMENT 
-----------------------------------------------------------------------------*/
.HomePage .ucSubscribe { margin-bottom: 75px; }
.ucSubscribe .subLeft { font-size: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.ucSubscribe .subRight { background: #f3f3f3; padding: 35px 40px !important; }
.ucSubscribe .subRight h4 { color: var(--theme-color); font-weight: 700; font-size: 18px; }
.ucSubscribe .subRight input { height: 50px; -moz-box-shadow: inset -2px 2px 0px #dcdcdc; -webkit-box-shadow: inset -2px 2px 0px #dcdcdc; box-shadow: inset -2px 2px 0px #dcdcdc; border-radius: 5px; }
.ucSubscribe .button { background: var(--theme-color); width: 230px; min-width: 230px; border-radius: 5px; letter-spacing: 0.5px; font-weight: 600; margin-right: 40px; }
.ucSubscribe .signupText { display: flex; align-items: center; }
.ucSubscribe .signupText p { margin: 0; font-size: 14px; color: var(--theme-color); line-height: normal; }

/*----------------------------------------------------------------------------
    SUBSCRIBE FOOTER ELEMENT
-----------------------------------------------------------------------------*/
/*.HomePage .ucSubscribeFooter { display: none; }*/
.ucSubscribeFooter { padding: 10px 0; }
.ucSubscribeFooter .element-description { color: #fff; margin: 10px 0; }
.ucSubscribeFooter .h3 { font-size: 1.35em; margin-bottom: 0.4rem; color: inherit; }
.ucSubscribeFooter p { font-size: 0.93em; margin: auto; line-height: normal; color: inherit; }
.ucSubscribeFooter input,
.ucSubscribeFooter .button { border-radius: 50px; text-align: center; background: #fff; height: 50px; margin: 10px 0; }
.ucSubscribeFooter .button { color: var(--font-color); }

.ucSubscribeFooter .signUp-pulse { -webkit-animation: signUp-pulse 1.35s infinite; box-shadow: 0 0 0 0 var(--signUp-pulse-color-rgb); }

/*----------------------------------------------------------------------------
    NEWS ELEMENT
-----------------------------------------------------------------------------*/
.ucNews .mainHeading { text-transform: uppercase; }
.newsRpt { background: #f3f3f3; border: solid 1px #e4e4e4; margin-bottom: 36px; position: relative; text-align: center; display: block; }
.newsRpt:hover { box-shadow: 0 0 0 4px var(--theme-color); opacity: .75; }
.newsRpt .element-thumb { font-size: 0; display: flex; justify-content: center; align-items: center; background-color: #fff; height: 237px; overflow: hidden; }
.newsRpt .element-thumb img { object-fit: cover; height: 100%; }
.newsRpt .element-date { font-size: 12px; color: #303030; opacity: .5; margin-bottom: 0.5rem; }
.newsRpt .element-textblock { padding: 16px; text-align: center; }
.newsRpt .element-heading { font-size: 22px; font-weight: 500; margin-bottom: 0; }
.newsRpt .element-textwrap { border-bottom: 1px dashed #bdbdbd; padding-bottom: 15px; }
.newsRpt .element-description { font-size: var(--paragraph-font-size); color: #303030; margin: 15px 0; }
.newsRpt .button-wrap { border-top: 1px dashed #bdbdbd; padding-top: 15px; }
.newsRpt .link-button { font-size: 16px; font-weight: 600; }

/*----------------------------------------------------------------------------
    View 360 ELEMENT 
-----------------------------------------------------------------------------*/
.ucView360 .mainHeading { margin: 20px 0; padding: 0; }
.ucView360 .cd-product-viewer-wrapper { text-align: center; }
.ucView360 .cd-product-viewer-wrapper > div { display: inline-block; }
.ucView360 .cd-product-viewer-wrapper .product-viewer { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin: 0; }
.ucView360 .cd-product-viewer-wrapper img { /* this is the image visible before the image sprite is loaded */ display: block; position: relative; z-index: 1; }
.ucView360 .cd-product-viewer-wrapper .product-sprite { position: absolute; z-index: 2; top: 0; left: 0; height: 100%; /* our image sprite is composed by 16 frames */ width: 1600%; background-size: 100%; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
.ucView360 .cd-product-viewer-wrapper.loaded .product-sprite { /* image sprite has been loaded */ opacity: 1; cursor: ew-resize; }

.ucView360 .cd-product-viewer-handle { position: relative; z-index: 2; width: 60%; max-width: 300px; border-radius: 50em; margin: auto; margin-top: -50px; height: 4px; background: #b6b6b6; }
.ucView360 .cd-product-viewer-handle .fill { /* this is used to create the loading fill effect */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; border-radius: inherit; background: var(--theme-color); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; }
.ucView360 .no-csstransitions .cd-product-viewer-handle .fill { display: none; }
.ucView360 .loaded .cd-product-viewer-handle .fill { /* image sprite has been loaded */ opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s; transition: transform 0.3s, opacity 0.2s 0.3s; }
.ucView360 .cd-product-viewer-handle .handle { position: absolute; z-index: 2; display: inline-block; height: 44px; width: 44px; left: 0; top: -20px; background: var(--theme-color) url(../images/viewerAro.png) no-repeat center center; border-radius: 50%; box-shadow: 0 0 0 6px rgba(var(--theme-color-rgb), 0.3), 0 0 20px rgba(0, 0, 0, 0.2); /* replace text with image */ text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; }
.ucView360 .cd-product-viewer-handle .handle:active { box-shadow: 0 0 0 0 rgba(181, 66, 64, 0), 0 0 20px rgba(0, 0, 0, 0.2); }
.ucView360 .loaded .cd-product-viewer-handle .handle { /* image sprite has been loaded */ -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-animation: cd-bounce 0.3s 0.3s; -moz-animation: cd-bounce 0.3s 0.3s; animation: cd-bounce 0.3s 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; cursor: ew-resize; }

@-webkit-keyframes cd-bounce {
	0% { -webkit-transform: translateX(-50%) scale(0); }
	60% { -webkit-transform: translateX(-50%) scale(1.1); }
	100% { -webkit-transform: translateX(-50%) scale(1); }
}

@-moz-keyframes cd-bounce {
	0% { -moz-transform: translateX(-50%) scale(0); }
	60% { -moz-transform: translateX(-50%) scale(1.1); }
	100% { -moz-transform: translateX(-50%) scale(1); }
}

@keyframes cd-bounce {
	0% { -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); }
	60% { -webkit-transform: translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }
	100% { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }
}

/*----------------------------------------------------------------------------
    Sphere 360 ELEMENT 
-----------------------------------------------------------------------------*/
.ucPhotoSphere360 { text-align: center; }

/*----------------------------------------------------------------------------
    USED CAR ELEMENT 
-----------------------------------------------------------------------------*/
.e_usedcarlanding .container { padding-left: 0; padding-right: 0; }

/*----------------------------------------------------------------------------
    UcGallery ELEMENT 
-----------------------------------------------------------------------------*/
.container .ucGallery .container { padding: 0; }
.container-fluid .ucGallery .container + .container { max-width: 100%; padding: 0; }

.ucGallery .mainHeading h3 { font-size: 24px; margin-bottom: 6px; line-height: 1.05; letter-spacing: -0.036em; font-weight: 600; }
.ucGallery .element-description { font-size: 1.065em; }

.galleryRpt { margin-bottom: 20px; height: calc(100% - 20px); }
.galleryRpt .element-thumb { display: flex; justify-content: center; align-items: flex-start; cursor: pointer; overflow: hidden; position: relative; }
.galleryRpt .element-thumb img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 20px; }
.galleryRpt .element-thumb video { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; object-fit: cover; }
.galleryRpt .element-thumb:hover img,
.galleryRpt .element-thumb:hover video { -webkit-filter: brightness(0.8) saturate(0.8); filter: brightness(0.8) saturate(0.8); }
.galleryRpt .gallery-caption { margin-top: 10px; color: #181818; font-size: 1.065em; }
.land-rover .galleryRpt .gallery-caption { display: none; }
.galleryRpt .gallery-caption a { font-size: 0.87em; color: #000000; padding-left: 3px; font-weight: 600; }



/*----------------------------GALLERY POPUP------------------------------------*/

.popupShown[class*="popup_popGalary"] .modal-backdrop { opacity: 0.95; }

.galleryPopup.popup { padding: 1rem; }
.galleryPopup .popup-dialog { position: relative; }
.galleryPopup .popup-content { border-radius: 0; box-shadow: none; max-width: 100%; background: transparent; }
.popup.galleryPopup .popup-body { padding: 0 !important; position: initial; }

.galleryPopup .carousel.owl-loaded,
.galleryPopup .owl-carousel.owl-loaded { display: inline-flex; align-items: center; position: initial; }
.galleryPopup .owl-stage-outer { display: inherit; align-items: inherit; position: initial; }
.galleryPopup .owl-stage { display: inherit; justify-content: center; align-items: inherit; position: initial; }
.galleryPopup .owl-item { display: inherit; justify-content: inherit; align-items: inherit; opacity: 0; cursor: grab; }
.galleryPopup .owl-item.active { opacity: 1; }
.galleryPopup .galleryPopRpt { display: inherit; justify-content: inherit; align-items: inherit; flex-direction: column; }

.galleryPopup .element-thumb { display: inline-flex; position: relative; justify-content: center; width: 100%; }
.galleryPopup .galleryPopRpt:not(.textEmpty) .element-thumb { background: #fff; }

.galleryPopup .element-textblock { width: 100%; background: #fff; }
.galleryPopup .element-heading { font-weight: 600; text-align: center; font-size: 1.065em; padding: 25px 10px; padding-bottom: 0.5rem; }
.galleryPopup .element-heading:last-child { padding-bottom: 25px; }

.galleryPopup .element-description { text-align: center; font-size: 1.065em; margin: auto; margin-bottom: 0; padding: 25px 10px; padding-top: 0; width: 640px; max-width: 100%; }
.galleryPopup .element-description:first-child { padding-top: 25px; }

.galleryPopup .carousel .owl-nav { left: 0; right: 0; }
.galleryPopup .carousel .owl-nav button { background: #fff; font-size: 26px; padding: 5px; display: inline-flex; align-items: center; justify-content: center; box-shadow: none; opacity: 0.8; }
.galleryPopup .carousel .owl-nav button:hover { opacity: 1; }
.galleryPopup .carousel .owl-nav button.disabled { cursor: default; opacity: .1 !important; }
.galleryPopup .carousel .owl-nav button i { }


/*----------------------------------------------------------------------------
    UcGallery Banner ELEMENT 
-----------------------------------------------------------------------------*/
.ucGallery .ucBannerSlider { min-height: 450px; height: calc((100vh) - (135px)); max-height: 700px; position: relative; }
.ucGallery .ucBannerSlider .swiper-slide { display: flex; }

.ucGallery .ucBannerSlider .element-tagline { margin: 0px; display: flex; align-items: center; font-size: 12px; line-height: 1; margin-bottom: 15px; }
.ucGallery .ucBannerSlider .element-tagline:before { content: ""; height: 2px; width: 250px; background-color: var(--theme-color); display: inline-block; margin-right: 15px; }

.ucGallery .ucBannerSlider .element-heading { font-size: 1.3em; }

.ucGallery .ucBannerSlider .element-textblock { flex: 0 0 50%; max-width: 34%; padding: 30px 30px; }

.ucGallery .ucBannerSlider .cAlignTop .element-textwrap { justify-content: flex-start; }
.ucGallery .ucBannerSlider .cAlignBottom .element-textwrap { justify-content: flex-end; }
.ucGallery .ucBannerSlider .cAlignLeft.cAlignBottom .element-textwrap { justify-content: flex-start; }

.ucGallery .ucBannerSlider .cAlignRight { justify-content: flex-end; }
.ucGallery .ucBannerSlider .cAlignRight .element-textblock { /* text-align: right;*/ padding-left: 0; right: 20%; bottom: 22%; }

.ucGallery .ucBannerSlider .brand-logo { display: none; }
.ucGallery .ucBannerSlider .element-description { font-size: 1em; margin: 0; }
.ucGallery .ucBannerSlider .swiper-pagination { /*display: none;*/ display: flex; flex-wrap: nowrap; width: 100%; bottom: 0; }
.ucGallery .ucBannerSlider .swiper-wrapper { margin-bottom: 15px }
.ucGallery .ucBannerSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgba(255,255,255,.7); }
.ucGallery .ucBannerSlider .swiper-pagination .swiper-pagination-bullet { flex-grow: 1; height: 2px; margin-left: 0px; background: rgba(255,255,255,.1); }
.ucGallery .ucBannerSlider .swiper-buttons { align-items: flex-end; display: flex !important; position: absolute; left: 40%; bottom: 185px; margin: auto; /*align-items: center;*/ justify-content: space-between; flex-direction: row-reverse; width: 50px; }
.ucGallery .ucBannerSlider .swiper-buttons .swiper-button-next,
.ucGallery .ucBannerSlider .swiper-buttons .swiper-button-prev { position: initial; width: auto; height: auto; padding: 0 5px; }
.ucGallery .ucBannerSlider .swiper-button-next:after,
.ucGallery .ucBannerSlider .swiper-button-prev:after { color: #fff; font-size: 100%; }

.ucGallery .ucBannerSlider .swiper-thumbs { max-width: 40%; position: absolute; bottom: 30px; left: 10px; padding: 0; overflow: hidden; }
.ucGallery .ucBannerSlider .swiper-thumbs .swiper-slide { height: 110px; cursor: pointer; }
.ucGallery .ucBannerSlider .swiper-thumbs .swiper-slide.swiper-slide-thumb-active { cursor: default; }
.ucGallery .ucBannerSlider .swiper-thumbs.cAlignLeft.cAlignBottom { left: auto; right: 0; }
.ucGallery .ucBannerSlider .swiper-thumbs.cAlignLeft.cAlignBottom .swiper-wrapper { justify-content: flex-end; }


/*----------------------------------------------------------------------------
    UcGallery Card Banner ELEMENT 
-----------------------------------------------------------------------------*/
.ucCardSlider .mainHeading { margin: 0; }
.ucCardSlider .swiper-slide { height: 400px; }
.ucCardSlider .swiper-slide .row { height: 100%; }
.ucCardSlider .element-thumb-background { height: 100%; position: relative; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.ucCardSlider .element-thumb { display: none; }
.ucCardSlider .element-textblock { display: flex; align-items: flex-start; height: 100%; flex-direction: column; justify-content: center; padding-left: 30px; }
.ucCardSlider .cAlignCenter .element-textblock { align-items: center; }
.ucCardSlider .cAlignCenter .row [class*="swiper-button-"] { margin-right: 8px; margin-left: 8px; }
.ucCardSlider .cAlignRight .element-textblock { align-items: flex-end; }
.ucCardSlider .cAlignRight .row [class*="swiper-button-"] { margin-right: 0; margin-left: 15px; }
.ucCardSlider .element-heading { font-size: 1.3em; }
.ucCardSlider .swiper-buttons { align-items: center; display: flex !important; justify-content: flex-start; margin: 0; height: auto; }
.ucCardSlider .row [class*="swiper-button-"] { position: initial; width: auto; height: auto; margin: 0; padding: 5px 2px; margin-right: 15px; }
.ucCardSlider .swiper-button-next:after,
.ucCardSlider .swiper-button-prev:after { color: #0b0b0b; font-size: 100%; }

/*----------------------------------------------------------------------------
   ImageWithTabs ELEMENT 
-----------------------------------------------------------------------------*/
.s_imagewithtabs { padding: 0px !important; overflow: hidden; }
.e_imagewithtabs { position: initial !important; }
.ucImageWithTabs { height: 450px; }
.ucImageWithTabs .container { width: 70vw; position: relative; z-index: 1; margin-top: 2rem; margin-bottom: 2rem; }
.ucImageWithTabs .element-title { font-weight: 400; font-size: 2.2em; margin-bottom: 60px; }
.ucImageWithTabs .iwtRpt { text-align: center; border-right: 0.01rem solid #ffffff6b; opacity: 0; transform: translateY(100px); transition: transform 0.8s ease-out, opacity 0.8s ease-out; margin-top: 1rem; margin-bottom: 1rem; }
.ucImageWithTabs .iwtRpt.visible { opacity: 1; transform: translateY(0); }
.ucImageWithTabs .row [class*="col-"]:last-child .iwtRpt { border-right: none; }
.ucImageWithTabs .iwtRpt .element-description { font-stretch: normal; font-weight: 400; letter-spacing: 0; padding-top: 1.3rem; margin-bottom: 0; }
.ucImageWithTabs .iwtRpt .element-heading { font-stretch: normal; font-weight: 400; letter-spacing: 2px; line-height: 1; font-size: 2.2em; }
.ucImageWithTabs .iwtRpt .element-heading span { display: inline-flex; -webkit-transition: all 1.5s; transition: all 1.5s; }

.ucImageWithTabs:before { content: " "; display: block; width: 100%; height: 30%; position: absolute; left: 0; right: 0; z-index: 1; pointer-events: none; }
.ucImageWithTabs.cAlignTop:before { background-image: radial-gradient(circle at 50% 117%,rgba(0,0,0,.3),transparent 6%,transparent 19%),linear-gradient(0deg,transparent,#000); top: 0; bottom: auto; }
.ucImageWithTabs.cAlignMid:before { background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.41) 50%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%); top: 0; bottom: 0; margin: auto; height: 80%; }
.ucImageWithTabs.cAlignBot:before { background-image: radial-gradient(circle at 50% 117%,rgba(0,0,0,.3),transparent 6%,transparent 19%),linear-gradient(180deg,transparent,#000); top: auto; bottom: 0; }

/*----------------------------------------------------------------------------
   ImageWithTabs ELEMENT 
-----------------------------------------------------------------------------*/
.e_imagewithtabs .element-description .col-3:not(:last-child) { border-right: 1px solid #fff; margin-bottom: 10px; }
.e_imagewithtabs .element-heading h2 { padding: 5px; text-transform: uppercase; width: fit-content; font-weight: 700; }
.e_imagewithtabs .row.content { display: flex; min-height: 412px; }
.e_imagewithtabs .element-description .col-3:not(:first-child) { padding-left: 20px; }
.e_imagewithtabs .element-description.row { justify-content: center; }
.e_imagewithtabs .row.content.cAlignTop { align-items: flex-start; }
.e_imagewithtabs .row.content.cAlignMid { align-items: center; }
.e_imagewithtabs .row.content.cAlignBot { align-items: flex-end; }

/*----------------------------------------------------------------------------
   ImageWithTabs ELEMENT 
-----------------------------------------------------------------------------*/
.ucNewVehicle .oferLst ul { list-style-type: none; }
.ucNewVehicle #pnlGrid .oferLst .element-thumb:hover .selectBtn { opacity: 1.0; transition: 0.7s; }
.ucNewVehicle #pnlGrid .oferLst .selectBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); padding: 12px 60px; background-color: var(--theme-color); color: var(--button-font-color); border-radius: 99px; border: solid 2px; opacity: 0; font-size: 15px; }

/*----------------------------------------------------------------------------
   New Vehicle SLIDER
-----------------------------------------------------------------------------*/

.ucNewVehicle h2 { font-weight: 700; font-size: 1.5em; margin-bottom: 30px; }
.ucNewVehicle .container { max-width: 1120px; }
.ucNewVehicle .carousel .owl-nav button { box-shadow: none; padding: 0; background: transparent; font-size: 45px; }
.ucNewVehicle .carousel .owl-nav { left: -90px; right: -90px; top: 100px; }
.ucNewVehicle .carousel .owl-height { height: auto !important; }

.rptNewVehicle { margin-bottom: 30px; }
.rptNewVehicle .element-thumb { position: relative; font-size: 0; overflow: hidden; margin-bottom: 15px; }
.rptNewVehicle img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; }
.rptNewVehicle .element-thumb:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.6; }
.rptNewVehicle .element-heading { /*margin-top: 17px; font-size: 18px; font-weight: 700; line-height: normal;*/ }
.rptNewVehicle .element-subHeading { font-size: 1em; line-height: 1.5; font-weight: 500; color: #050505; margin-bottom: 10px; }
.rptNewVehicle .element-PCP { display: inline-block; width: 100%; }
.rptNewVehicle .element-PCP h3 { font-size: 26px; font-weight: 700; margin-bottom: 0; }
.rptNewVehicle .element-PCP p { color: var(--theme-color); margin-bottom: 30px; display: flex; flex-direction: column; align-items: flex-start; line-height: 1.5; }
.rptNewVehicle .button { min-width: 80%; border-radius: 5px; }

/*----------------------------------------------------------------------------
   MODEL SLIDER ELEMENT
-----------------------------------------------------------------------------*/

.ucModelSlider .mainHeading { padding-bottom: 0; margin-bottom: 29px; }
.ucModelSlider .mainHeading h3 { margin: 0px; font-weight: 400; font-size: 1.335em; }
.ucModelSlider .mainHeading h3 strong { font-weight: 600; }
.ucModelSlider .mainHeading p { margin-top: 10px; }

.ucModelSlider .tabs { padding-left: 0; border-color: transparent; }
.ucModelSlider .tab-link { border: none; min-width: auto; padding: 5px 0px 16px 0px; margin-right: 40px; font-weight: 500; line-height: 1; text-transform: uppercase; opacity: 0.58; font-size: 1.06em; font-weight: 400; }
.ucModelSlider .tab-link:hover:before,
.ucModelSlider .tab-link.resp-tab-active:before { top: auto; bottom: 0; }
.ucModelSlider .resp-tab-active { opacity: 1; }
.ucModelSlider .tab-content { padding-left: 0; padding-right: 0; padding-top: 30px; }

.ucModelSlider .owl-item { width: 300px; }
.modelSliderRpt { padding: 15px 5px; margin: 0; overflow: initial; background: initial; border-radius: initial; }
.modelSliderRpt .shadow { background-color: #fff; border-radius: 12px; box-shadow: 0px 0px 15px 0px #001b544f; overflow: hidden; }
.modelSliderRpt .element-thumb { display: block; font-size: 0; position: relative; height: 200px; overflow: hidden; }
.modelSliderRpt .element-thumb img { width: 100%; height: 100%; object-fit: cover; }
.modelSliderRpt .element-heading { font-size: 1.1rem; font-weight: bold; line-height: 1.1; margin-bottom: 0.7rem; }
.modelSliderRpt .element-textblock { padding: 20px; position: relative; }
.modelSliderRpt .button-wrap { height: 114px; display: flex; flex-direction: column; align-items: flex-start; }
.modelSliderRpt .link-button { color: var(--font-color); font-weight: 600; margin-bottom: 0.7rem; }
.modelSliderRpt .link-button:last-child { margin-bottom: 0; }
.modelSliderRpt .link-button i { color: var(--theme-color); margin-right: 5px; }


/*----------------------------------------------------------------------------
   MOST SEARCHED TABS ELEMENT
-----------------------------------------------------------------------------*/

.mostSearchTabs .tabs { padding-left: 0; border-color: transparent; }
.mostSearchTabs .tab-link { border: none; min-width: auto; padding: 5px 0px 16px 0px; margin-right: 40px; font-weight: 500; line-height: 1; text-transform: uppercase; opacity: 0.58; font-size: 1em; font-weight: 400; }
.mostSearchTabs .tab-link:hover:before,
.mostSearchTabs .tab-link.resp-tab-active:before { top: auto; bottom: 0; }
.mostSearchTabs .resp-tab-active { opacity: 1; }
.mostSearchTabs .tab-content { padding-left: 0; padding-right: 0; padding-top: 30px; }

/*MOST SEARCHED CARS SLIDER*/
/*.mostSearchSlider .owl-stage-outer { padding: 15px 0;*/ /*for avoid shadow crop*/ /*}*/
.mostSearchSlider .owl-item { width: 300px; }
.mostSearchRpt { padding: 15px 15px; }
.mostSearchRpt .shadow { border-radius: 12px; box-shadow: 0px 0px 20px 0px #001b544f; }
.mostSearchRpt .element-thumb { overflow: hidden; border-top-left-radius: inherit; border-top-right-radius: inherit; display: flex; justify-content: center; align-items: center; padding: 0 5px; }
.mostSearchRpt .element-heading { margin-bottom: 0.75rem; font-weight: 700; font-size: 1.12em; line-height: 1.385; }
.mostSearchRpt .element-subHeading { letter-spacing: -0.15px; font-size: 1em; line-height: 1.385; min-height: 42px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mostSearchRpt .element-textblock { padding: 16px; padding-top: 13px; }
.mostSearchRpt .element-description { margin-bottom: 1rem; font-size: 1.1em; }
.mostSearchRpt .button.border { background: transparent; border: 2px solid var(--theme-color); color: var(--theme-color); }

.mostSearchRpt .element-price { display: flex; justify-content: space-between; align-items: start; border-top: 2px solid #e8e8e8; padding-top: 20px; }
.mostSearchRpt .element-price label { font-size: 0.8em; display: block; line-height: 1; }
.mostSearchRpt .element-price label i { margin-left: 5px; }
.mostSearchRpt .element-price h3 { margin-bottom: 0; font-size: 1.35em; font-weight: 600; }
.mostSearchRpt .element-price a { display: inherit; }


/*----------------------------------------------------------------------------
   NEW VEHICLE TABS ELEMENT
-----------------------------------------------------------------------------*/

.ucNewVehicleTab .mainHeading h3,
.ucNewVehicleTab .mainHeading .h3 { font-weight: 600; }
.ucNewVehicleTab .mainHeading p { color: #4d4d4d; }

.ucNewVehicleTab .tabs { padding-left: 0; border-color: transparent; }
.ucNewVehicleTab .tab-link { border: none; min-width: auto; padding: 5px 0px 16px 0px; margin-right: 40px; font-weight: 500; line-height: 1; text-transform: uppercase; color: #6b6b6b; }
.ucNewVehicleTab .tab-link:hover:before,
.ucNewVehicleTab .tab-link.resp-tab-active:before { top: auto; bottom: 0; }
.ucNewVehicleTab .resp-tab-active { color: #000; }
.ucNewVehicleTab .tab-content { padding-left: 0; padding-right: 0; padding-top: 50px; }

/*NEW VEHICLE CARS SLIDER IN TABS ELEMENT*/
.newVehicleRpt { margin-bottom: 50px; display: block; position: relative; }
.newVehicleRpt .element-heading { font-size: 1.45em; margin-bottom: 1.25rem; font-weight: 700; line-height: 1; }
.newVehicleRpt .element-textblock { padding: 16px; padding-top: 13px; }
.newVehicleRpt .element-description { margin-bottom: 0; font-size: 1.1em; color: #adadad; line-height: 1; text-transform: uppercase; letter-spacing: 0.04rem; }
.newVehicleRpt .button.border { background: transparent; border: 2px solid var(--theme-color); color: var(--theme-color); }
.newVehicleRpt .element-thumb { height: 215px; text-align: center; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.newVehicleRpt .element-thumb img { background: #ccc; width: 100%; }
.zeroEmission { position: absolute; top: 45px; right: 0; width: 50px; }


/*----------------------------------------------------------------------------
   DEALER GooGLE REVIEW 
-----------------------------------------------------------------------------*/

.greview { text-align: center; /*box-shadow: inset 0px 0px 10px 5px rgba(196, 191, 191, 0.18) !important;*/ padding: 15px 0px; }
.greview .reItm { display: inline-block; background: #fff; box-shadow: 0px 0px 15px 15px rgba(225, 225, 225, 0.18) !important; border-radius: 5px; padding: 20px; text-align: center; vertical-align: middle; width: 100%; }
.reRate b { font-size: 30px; display: inline-block; margin-bottom: 10px; line-height: 1; }
.reRate .fa { color: #FF9529; font-size: 20px; }
.reRate img { width: 20px; margin: 0 2px; }
.reItmNm a { display: inline-block; color: #000; font-size: 20px; font-family: 'Nissan Bold', Arial,sans-serif; position: relative; margin-bottom: 10px; text-transform: capitalize; }
.reItmNm a:after { content: ""; width: 50%; height: 1px; background: #000; position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; }
.reItmNm { text-align: center; margin-bottom: 10px; }
.reTime { text-align: center; font-size: 13px; color: #808080; }
.reRate { /*margin-bottom: 20px;*/ }
.reItmNm + .reRate { margin-bottom: 5px; display: flex; align-items: center; justify-content: center; }
.reItm p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: auto; text-align: center; white-space: normal; font-weight: normal; }
.greviewHead h3 { font-weight: normal; font-size: 22px; text-align: center; margin-bottom: 0; }
.greviewHead div { text-align: center; }
.reviewRate { text-align: center; margin-top: 15px; }
.reviewRate > div { display: inline-block; text-align: center; vertical-align: middle; }
.rateStars .fa { font-size: 22px; color: #ff9529; }
.rateStars img { width: 22px; margin: 0 1px; }
.rateNumb { font-size: 22px; color: #7b7b7b; font-weight: bold; line-height: 1em; margin-right: 10px; vertical-align: middle; display: inline-block; }
.rateStars { margin-right: 10px; vertical-align: middle; display: inline-block; font-size: 0; }
.ratesTotal { font-size: 14px; color: #7b7b7b; }


.owl-controls { display: none; }
.owl-Navigation { display: block; position: relative; }
.owl-Navigation a { position: absolute; top: 0px; z-index: 98; height: 288px; width: 60px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #cccccc; font-size: 0; display: inline-block; margin: auto; }
.owl-Navigation a.owl-nav-next { text-align: right; right: 0; background: rgb(255,255,255); background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
.owl-Navigation a.owl-nav-prev { display: none; left: 0; text-align: left; background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
.owl-Navigation.prev-show a.owl-nav-prev { display: block; }
.owl-Navigation.prev-show + .owl-carousel .owl-item:first-child { /*margin-left: 35px;*/ }
.owl-Navigation a i.fa,
.owl-Navigation a svg { font-size: 25px; line-height: 288px; }
.owl-carousel { position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-item { /*float: left;*/ display: inline-block; text-align: center; padding: 30px 20px; }
.owl-carousel .owl-item:last-child li { }
.owl-carousel .owl-wrapper { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); white-space: nowrap; text-align: left; }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }
.owl-carousel .owl-wrapper:after { content: ""; display: block; clear: both; }
.dealerDetail .owl-navgtn { }
.dealerDetail .owl-stage-outer { overflow: hidden; position: relative; width: 100%; }
.dealerDetail .owl-stage { position: relative; -webkit-transform: translate3d(0,0,0); white-space: nowrap; text-align: left; }
.dealerDetail .owl-Navigation a.owl-nav-prev { background: transparent !important; }
.dealerDetail .owl-Navigation a.owl-nav-next { background: transparent !important; }
.dealerDetail .greviewHead .rateLogo img { max-width: 200px; margin-bottom: 10px; }



/*----------------------------------------------------------------------------
   DEALERSHIP ELEMENT
-----------------------------------------------------------------------------*/

.container .e_dealership .container { padding: 0; }


/*----------------------------------------------------------------------------
   VALUATION VISIT ELEMENT
-----------------------------------------------------------------------------*/
.ucValuationVisit { position: relative; display: flex; align-items: center; background: #dcdcdc; /* background: #f1f1f1; */ text-align: center; border-radius: 16px; height: 298px; padding: 44px; width: 898px; margin: auto; max-width: 100%; padding-right: 16px; }
.ucValuationVisit h2 { margin-bottom: 1.1rem; font-size: 32px; font-weight: 600; letter-spacing: -0.65px; padding-top: 3px; }
.ucValuationVisit .element-description { margin: auto; font-size: 1.065em; margin-bottom: 1.25rem; width: 630px; max-width: 100%; }
.ucValuationVisit .button-wrap { }
.ucValuationVisit .button { border-radius: 50px; min-width: 235px; background: var(--theme-color); color: #fff; font-size: 1.2em; }
.ucValuationVisit .element-thumb { max-width: 350px; position: absolute; bottom: 42px; left: -75px; font-size: 0; }
.ucValuationVisit .element-thumb img { }
.ucValuationVisit .row { justify-content: end !important; }

/*----------------------------------------------------------------------------
   VALUATION START ELEMENT
-----------------------------------------------------------------------------*/
.ucValuation .valuationBanner { display: flex; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 65px 0 60px; }
section[style*="background"] .ucValuation .valuationBanner { padding: 45px 0 40px; }
.ucValuation .valuationBanner .container { max-width: 1126px; }
.ucValuation .valuationBanner .element-textwrap { max-width: 440px; padding-left: 1px; }
.ucValuation .valuationBanner .element-tagline { font-weight: 500; color: #ffffff; opacity: 1.0; font-size: 17px; margin-bottom: 14px; margin-top: 4px; }
.ucValuation .valuationBanner .element-heading { font-weight: 600; color: #ffffff; opacity: 1.0; font-size: 28px; margin-bottom: 21px; max-width: 380px; line-height: 1.15; }
.ucValuation .valuationBanner .element-heading span { color: var(--theme-color); }
.ucValuation .valuationBanner .form-group { margin-bottom: 10px; }
.ucValuation .valuationBanner input,
.ucValuation .valuationBanner select { border: none; border-radius: 4px; width: 100%; font-size: 16px; height: 61px; padding: 10px 25px; }
.ucValuation .valuationBanner select { font-weight: 600; }
.ucValuation .valuationBanner input.text-uppercase::placeholder { text-transform: initial; }
.ucValuation .valuationBanner .button { margin-top: 12px; background: #01b975; font-size: 18px; font-weight: 700; width: 100%; height: 63px; max-width: initial; margin-bottom: 3px; border-radius: 50px; }

.ucValuation .valuationBanner .marketing { margin: 0; list-style: none; margin-left: 29px; }
.ucValuation .valuationBanner .marketing li { display: flex; align-items: center; color: #fff; margin-bottom: 22px; }
.ucValuation .valuationBanner .marketing img { width: 34px; margin-right: 19px; }
.ucValuation .valuationBanner .marketing strong { font-size: 24px; font-weight: 700; }



/*----------------------------------------------------------------------------
   NEW VEHICLE PRICE WITH BUTTON ELEMENT
-----------------------------------------------------------------------------*/
.container .ucAllVehicle .container { padding-left: 0; padding-right: 0; }
.newVehiclePriceRpt { margin-bottom: 30px; }
.newVehiclePriceRpt .element-thumb { display: block; }
.newVehiclePriceRpt .element-thumb img { max-width: 89%; }
.newVehiclePriceRpt .element-heading { display: flex; flex-direction: column; width: 100%; height: 100%; font-size: 21px; padding: 18px; padding-top: 14px; border-radius: 16px; color: #000; font-weight: 600; letter-spacing: -0.15px; }
.newVehiclePriceRpt .element-heading span { }
.newVehiclePriceRpt .element-heading span i { font-size: 14px; color: #0072f0; font-style: normal; }
.newVehiclePriceRpt .element-heading span:last-child { font-size: 17px; padding-top: 5px; color: #999; font-weight: 500; text-transform: uppercase; }
.newVehiclePriceRpt .button-wrap { margin: 0.6rem 0; display: flex; justify-content: space-between; display: none; }
.newVehiclePriceRpt .button-wrap .button { margin: 0 0.3rem; width: 100%; text-transform: uppercase; border-radius: 4px; font-size: 14px; font-weight: bold; height: 40px; min-width: initial; }
.newVehiclePriceRpt .button-wrap .button:nth-child(1) { margin-left: 0; background-color: var(--theme-color); }
.newVehiclePriceRpt .button-wrap .button:nth-child(2) { margin-right: 0; background-color: #fff; color: #595959; -webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.32); -moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.32); box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.32); }

/*----------------------------------------------------------------------------
   NEW VEHICLE LINK LIST ELEMENT
-----------------------------------------------------------------------------*/
.newVehicleLinkRpt { margin-bottom: 30px; }
.newVehicleLinkRpt .element-thumb { display: block; font-size: 0; position: relative; overflow: hidden; margin-bottom: 0.5rem; }
.newVehicleLinkRpt .element-heading { font-size: 1.1rem; font-weight: bold; line-height: 1.1; margin-bottom: 0.7rem; padding-left: 5px; }
.newVehicleLinkRpt .element-textblock { /*padding: 1rem;*/ }
.newVehicleLinkRpt .button-wrap { display: flex; flex-direction: column; align-items: flex-start; }
.newVehicleLinkRpt .link-button { color: var(--font-color); font-weight: 600; margin-bottom: 0.7rem; }
.newVehicleLinkRpt .link-button:last-child { margin-bottom: 0; }
.newVehicleLinkRpt .link-button i { color: var(--theme-color); margin-right: 5px; }

/*----------------------------------------------------------------------------
   YOUTUBE ELEMENT
-----------------------------------------------------------------------------*/
.ucYoutube iframe { height: 365px; }
.col-12 .ucYoutube iframe { height: 450px; }

/*----------------------------------------------------------------------------
   IMAGEROW ELEMENT
-----------------------------------------------------------------------------*/

.ucImageRow { position: relative; min-height: 350px; }
.ucImageRow .element-textblock { display: flex; align-items: center; justify-content: center; width: 404px; max-width: 100%; text-align: center; position: absolute; inset: 0; margin: auto; padding-top: 60px; }
.ucImageRow h2 { color: #000; margin-bottom: 1.1rem; font-size: 2em; font-weight: 600; letter-spacing: -0.65px; }
.ucImageRow .element-description { margin: auto; margin-bottom: 1.25rem; font-size: 0.938em; opacity: 0.7; }
.ucImageRow .button { font-size: 1.125em; padding: 12px 48px; border-radius: 50px; }
.ucImageRow .element-thumb { font-size: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ucImageRow .element-thumb img { width: 120%; max-width: initial; }


/*----------------------------------------------------------------------------
   OfferSearch ELEMENT
-----------------------------------------------------------------------------*/
.s_offersearch { height: 56vh; min-height: 56vh; display: flex; align-items: center; padding: 0 !important; }
.s_offersearch .container { width: 100%; max-width: 100%; }
.ucOfferSearch { padding-bottom: 41px; }
.ucOfferSearch .Offer-borde-left { margin-left: 6.5%; margin-bottom: 13px; font-weight: 400; color: #ffffff; opacity: 1.0; font-size: 36px; text-shadow: 2px 2px 2px #000000b0; }
.ucOfferSearch .element-title { font-size: 18px; color: #bed2f8; font-weight: 700; display: block; margin-bottom: 2px; }
.ucOfferSearch .element-heading { }
.ucOfferSearch .element-description { font-weight: 600; color: #ffffff; opacity: 1.0; font-size: 24px; text-align: left; margin-left: 6%; text-shadow: 2px 2px 2px #000000b0; margin-bottom: 33px; }
.ucOfferSearch .button-wrap { margin-bottom: 20px; margin-left: 6%; }
.ucOfferSearch .button-wrap select { background-image: url(../images/arrow-down-new.png); background-size: 22px; background-position: right 1.15em center; text-transform: capitalize; width: 100%; max-width: 198px; height: 56px; color: #000; font-weight: 700; padding: 17px 24px; display: inline-block; float: left; border-radius: 99px; font-size: 16px; margin-right: 12px; text-align: left; position: relative; }
.ucOfferSearch .button-wrap .button { height: 56px; background: #0038a4; border-radius: 50px; min-width: 142px; }

/*----------------------------------------------------------------------------
   SERVICE BOOKING ELEMENT
-----------------------------------------------------------------------------*/
/*.nService { background-size: auto 100% !important; height: 385px; }
.ucServiceBooking { display: flex; }
.srBanner { color: #000; }
.srBanner .srBbody { padding-left: 462px; padding-right: 150px; }
.srBanner .element-thumb { margin-top: 10px; margin-bottom: 9px; }
.srBanner .element-thumb img { margin-left: -18px; }
.srBanner .element-heading { font-size: 1.5em; font-weight: 700; padding-left: 3px; margin-bottom: 2px; }
.srBanner .element-description { font-weight: 600; padding-left: 5px; margin-bottom: 12px; font-size: 0.9em; letter-spacing: -0.3px; }
.srBanner input { border: none; font-size: 1em; height: 39px; }
.srBanner input::placeholder { font-size: 0.85em; }
.srBanner input.text-uppercase::placeholder { text-transform: initial; }
.srBanner .button { border-radius: 50px; background: #fc6401; height: 40px; }
.srBanner .arrangeCall { text-align: center; margin-top: 31px; color: #fff; font-weight: 600; padding-left: 5px; margin-bottom: 12px; font-size: 0.9em; letter-spacing: -0.3px; }
.srBanner .arrangeCall a { color: inherit; font-weight: inherit; }*/

