/*----------------------------------------------------------------------------
    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.3; }
[class*="e_"]:hover .imgBlockHover { opacity: 0.74; }

/*----------------------------------------------------------------------------
    ROLL ARROW ICON
-----------------------------------------------------------------------------*/
.rollArrow { position: absolute; top: 16px; right: 26px; display: flex; width: 25px; height: 25px; opacity: 0; transition: 0.7s; }
[class*="e_"]:hover .rollArrow { transition: 0.7s; opacity: 0.9; cursor: pointer; right: 20px; }
.rollArrow a { display: inherit; }
.rollArrow svg { display: inherit; width: 100%; height: 100%; fill: #FFF; }


/*----------------------------------------------------------------------------
    SEARCH ELEMENT
-----------------------------------------------------------------------------*/
.HomePage .e_search { margin: auto; flex: 0 0 100%; max-width: 100%; position: initial; }

.ucSearch .panel-body { width: 960px; max-width: 100%; margin: auto; background-color: #fff; padding: 20px; border-radius: 0; position: relative; }
.ucSearch .panel-body > .container { width: 860px; max-width: 100%; padding: 0; }
.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; }
.ucSearch .panel-body > .container .col-3 { flex: 0 0 192px; max-width: 192px; }
.ucSearch .panel-body > .container .col-4 { flex: 0 0 296px; max-width: 296px; }
.ucSearch .panel-body > .container select { height: 47px; border-radius: var(--common-btn-radius); font-size: 0.945em; font-weight: 600; border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(41,41,41,0.06) inset, 0 3px 4px 0px rgba(41,41,41,0) inset; /*text-transform: uppercase;*/ background-image: url(../images/arrowUpDown.png); background-size: 14px; background-position: right 13px center; color: var(--font-color-opacity-70); }
.ucSearch .panel-body > .container select:hover { border-color: var(--theme-color); }
.ucSearch .panel-body > .container .button { height: 45px; border-radius: 99px; font-size: 0.95em; position: relative; }
.ucSearch .panel-body > .container .button img { width: 15px; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; }

.hideSearch .panel-body > .container { display: none; }
.hideSearch .panel-body { width: initial; max-width: initial; margin: initial; background-color: initial; padding: initial; border-radius: initial; position: initial; height: initial; }

.e_search .container .panel-heading { color: #3D3D3D; opacity: 1; font-weight: 700; font-size: 1.375em; margin-bottom: 22px; margin-top: 3px; min-height: initial; line-height: initial; border: none; padding: 0; padding-left: 11px; text-transform: initial; justify-content: center; text-align:center; }




.mini-links { display: flex; align-items: center; justify-content: space-between; list-style: none; margin: 0; margin-top: 15px; }
.mini-links li { margin: 0; display: inline-flex; align-items: center; }
.mini-links .miniFS { border-radius: 99px; padding: 4px 24px; background-color: var(--theme-color-opacity-10); line-height: normal; }
.mini-links a { display: inline-flex; align-items: center; margin-left: 18px; margin-right: 29px; position: relative; font-size: 0.94em; font-weight: 600; line-height: 1; color: var(--font-color-opacity-70); }
.mini-links a:last-child { margin-right: 5px; }


.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: #c2eeea; }
.miniV i span { color: #495b84; }

.switchGroup { position: relative; cursor: pointer; width: 85px; }
.switchGroup .switch__lbl { background-color: #FFF; border-radius: var(--common-btn-radius); 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.06) 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: var(--common-btn-radius); 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; }

/*----------------------------------------------------------------------------
    FREE SEARCH ELEMENT
-----------------------------------------------------------------------------*/
.ucFreeSearch { display: none; }
.ucFreeSearch .panel-body { width: 960px; max-width: 100%; margin: auto; padding: 28px 20px; border-radius: 10px; position: relative; height: 135px; }
.ucFreeSearch .panel-body > .container { width: 764px; max-width: 100%; padding: 0; }

.ucFreeSearch .mini-links .miniClassic { border-radius: 99px; padding: 4px 24px; background-color: var(--theme-color-opacity-10); line-height: normal; }
.ucFreeSearch .mini-links { justify-content: center; margin-top: 17px; }
.ucFreeSearch .mini-links a { margin: 0 18px; }

.freeTextSearch { position: relative; }
.freeTextSearch input[type="text"] { color: #7f7f7f; font-weight: 500; font-size: 19px; height: 75px; padding-left: 38px; padding-right: 200px; border-radius: 99px; border: solid 1px #dcdcdc; background-color: #f2f2f2; -moz-transition-delay: 30ms; -o-transition-delay: 30ms; -webkit-transition-delay: 30ms; transition-delay: 30ms; -moz-transition: border-color 300ms,border-radius 300ms; -o-transition: border-color 300ms,border-radius 300ms; -webkit-transition: border-color 300ms,border-radius 300ms; transition: border-color 300ms,border-radius 300ms; }
.freeTextSearch.focus input[type="text"] { border-radius: 35px 35px 0px 0px; background-color: #fff; }

.searchClick { position: absolute; right: 8px; top: -1px; bottom: 0; margin: auto; width: 190px; height: 58px; border-radius: 99px; font-size: 1.135em }
.search-result { background-color: #fff; position: absolute; top: 74px; left: 0; width: 100%; border-radius: 0 0 25px 25px; border: 1px solid #dcdcdc; padding: 20px; z-index: 99; }

.search-result .dropScroll::-webkit-scrollbar-track { background-color: #f2f2f2; }
.search-result .dropScroll::-webkit-scrollbar-thumb { background: var(--font-color); }

.search-result-ul { margin: 0; max-height: 362px; }
.search-result-ul li { list-style: none; margin-bottom: 0; }
.search-result-ul li a { display: flex; align-items: flex-start; justify-content: flex-start; padding: 10px; border-radius: var(--common-box-radius); }
.search-result-ul li a:hover { background-color: #f2f2f2; }
.search-result-ul .searchImg { width: 150px; border-radius: var(--common-box-radius); overflow: hidden; display: inline-flex; align-items: center; justify-content: center; }
.search-result-ul .searchCnt { width: calc(100% - 150px); display: inline-block; padding-left: 15px; margin: 0; color: var(--font-color-opacity-80); letter-spacing: -0.15px; }
.search-result-ul .searchCnt b { display: block; white-space: nowrap; font-weight: 600; line-height: 1; color: var(--favorite-color); margin-top: 5px; }
.search-result-footer { text-align: center; padding-top: 10px; padding-bottom: 5px; border-top: solid 1px #dcdcdc; margin-top: 10px; }
.search-result-footer .link-button { color: var(--font-color); }

.highlight { color: var(--theme-color); font-weight: 500; }

/*----------------------------------------------------------------------------
    AI BLOCK ELEMENT 
-----------------------------------------------------------------------------*/
.e_aiblock { padding-bottom: 10px; }
.col-2.e_aiblock { flex: 0 0 20%; max-width: 20%; }
.ucAiBlock { position: relative; height: 391px; /*border-radius: var(--common-box-radius);*/ overflow: hidden; }
.ucAiBlock .rollArrow { }
.aiThumb { display: none; }
.aiBackground { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.aiTagline { color: var(--theme-color); line-height: 1; margin-bottom: 7px; }
.aiHeading { color: #fff; font-size: 1.2em; line-height: 1; letter-spacing: -0.05px; font-weight: 700; }
.ucAiBlock.fullBoxLink:not(.blankButton) .aiHeading { max-width: calc(100% - 75px); }
.aiContent { padding: 1.15rem; padding-bottom: 1.8rem; height: 100%; display: flex; position: relative; z-index: 2; justify-content: space-between; align-items: flex-start; }
.aiText { 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; border-radius: var(--common-btn-radius); background: var(--secondary-theme-color); }
.ucAiBlock .link-button { }
.ucAiBlock.fullBoxLink .aiText { }
.ucAiBlock.blankButton .aiText { }
.ucAiBlock.fullBoxLink .box-link-button { padding: 1.15rem; padding-bottom: 1.8rem; justify-content: end; }
[class*="e_"]:hover .fullBoxLink .box-link-button { color: #fff; }
.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 
-----------------------------------------------------------------------------*/
.HomePage .e_bannerslider { padding-bottom: 10px; }
.HomePage .e_bannerslider { }
.ucBannerSlider { height: 450px; }
.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: 25px 0 80px; 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-tagline { color: #000; line-height: 1; }
.ucBannerSlider .element-heading { color: #000; line-height: 1; }
.ucBannerSlider .element-description { color: #000; line-height: normal; margin-bottom: 0; }
.ucBannerSlider .button-wrap { margin-top: 10px; }
.ucBannerSlider .button-wrap a { font-size: 15px; padding: 0; }

.col-12 .ucBannerSlider .element-textwrap { background-color: transparent !important; }
.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; }

.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-6 .ucBannerSlider { border-radius: var(--common-box-radius); overflow: hidden; height: 391px; }
.col-6 .ucBannerSlider .rollArrow { display: flex; color: #fff; fill: #fff; }
.col-6 .ucBannerSlider .swiper-pagination { width: auto; left: auto; right: 20px; bottom: 20px; line-height: 1; font-size: 0; z-index: 99999; display: none; }
.col-6 .ucBannerSlider .swiper-pagination .swiper-pagination-bullet { background: #fff; width: 60px; height: 4px; margin-left: 4px; margin-right: 0; border-radius: 0; opacity: 0.5; }
.col-6 .ucBannerSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--theme-color); opacity: 1; }

.col-6 .ucBannerSlider .swiper-slide .container { padding: 0; }
.col-6 .ucBannerSlider .element-textblock { padding: 1.1rem; }
.col-6 .ucBannerSlider .element-textwrap { font-size: 12.5px; /*background: var(--theme-color-opacity-40);*/ border-radius: 6px; width: 100%; padding: 12px 18px; padding-bottom: 20px; }
.col-6 .ucBannerSlider .element-textwrap h3,
.col-6 .ucBannerSlider .element-textwrap h4,
.col-6 .ucBannerSlider .element-textwrap h5,
.col-6 .ucBannerSlider .element-textwrap h6 { line-height: 1.385; }

.col-6 .ucBannerSlider .element-tagline { margin-bottom: 0; }
.col-6 .ucBannerSlider .element-heading h3 { font-weight: 700; }
.col-6 .ucBannerSlider .element-description { opacity: 0.8; margin-top: 0; }
.col-6 .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; }

/*----------------------------------------------------------------------------
   VEHICLE BANNER (NEW CAR NAVIGATION)
-----------------------------------------------------------------------------*/

.ele-scroller { background: #fff; width: 100%; text-align: center; margin-bottom: 10px; min-height: 66px; }
.ele-scroller .navScrollPos { padding: 15px 0; border-bottom: 1px solid transparent; -webkit-transition: 0.15s; transition: 0.15s; }
.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: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; color: var(--font-color-opacity-70); }

.ucSpecialOffer .offerModelListRpt .shadow { border: none; box-shadow: 0px 0px 7px -4px #0000008c !important; }
.ucSpecialOffer .offerModelListRpt .element-heading { font-size: 0.935em; margin-bottom: 14px; }
.ucSpecialOffer .offerModelListRpt .element-description { font-size: 17px; letter-spacing: -0.25px; line-height: 1.2; }
.ucSpecialOffer .offerModelListRpt .button-wrap { margin-top: 20px; }
.ucSpecialOffer .offerModelListRpt .button-wrap .link-button { font-size: 1.08em; font-weight: 700; text-transform: capitalize; }

.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 { color: var(--font-color-opacity-70); }
.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-title-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 { color: var(--font-color-opacity-70); }
.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; }
.e_image .element-thumb img { border-radius: var(--common-box-radius); }
.container-fluid .col-12.e_image .element-thumb img { border-radius: 0px; }


/*----------------------------------------------------------------------------
    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; color: var(--font-color-opacity-80); 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 { display: block; position: relative; height: 320px; width: 100%; margin-bottom: 10px; z-index: 1; overflow: hidden }
.ucPromoBlock .element-textblock { z-index: 3; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 20px; height: 100%; justify-content: center; width: 100% }
.ucPromoBlock .element-description { margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--paragraph-font-size) }
.ucPromoBlock .button-wrap { /*min-height: 45px*/ }
.ucPromoBlock .button { min-width: auto; letter-spacing: 3px; background: #fff !important; color: var(--button-background-color) !important; font-size: .85em; font-weight: 600; height: 45px; line-height: 1; padding: 10px 15px; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: color .4s,background-color .4s,border-color .4s,-webkit-box-shadow .4s; transition: color .4s,background-color .4s,border-color .4s,-webkit-box-shadow .4s; transition: color .4s,background-color .4s,box-shadow .4s,border-color .4s; transition: color .4s,background-color .4s,box-shadow .4s,border-color .4s,-webkit-box-shadow .4s }
.ucPromoBlock.fullBoxLink .box-link-button { justify-content: center; align-items: center; flex-direction: column; z-index: 9; }
.ucPromoBlock .element-thumb { z-index: 2; height: 100%; width: 100%; position: relative; overflow: hidden }
.ucPromoBlock .element-thumb img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% }
.ucPromoBlock .element-thumb .kenBurns { transform: initial }
.ucPromoBlock .background-video { z-index: 1; -o-object-fit: cover; object-fit: cover; position: absolute; width: 101%; height: 100%; inset: 0 }
.ucPromoBlock.video-shown .element-heading { display: flex; justify-content: center; align-items: center; font-size: 2em; font-weight: 600; color: #fff }
.ucPromoBlock.video-shown .element-heading img { padding: 0 20px }
.ucPromoBlock.video-shown .element-heading ~ .button-wrap, .ucPromoBlock.video-shown .element-description ~ .button-wrap { margin-top: 40px }
.ucPromoBlock.video-shown.fullBoxLink .button { margin-top: calc(40px + 14px) }
.ucPromoBlock:hover .button { background-color: var(--button-background-color) !important; color: var(--button-font-color) !important }
.ucPromoBlock:hover .kenBurns { transform: scale(1.08); opacity: 1 }
.ucPromoBlock.video-shown:hover .element-thumb { display: none }
.ucPromoBlock.image-shown .element-heading .kenBurns { width: auto; height: 45px; inset: initial; top: 75px; left: 0; right: 0; margin: auto; -webkit-transition: 1.7s; transition: 1.7s; pointer-events: none; display: flex; align-items: center; justify-content: center }
.ucPromoBlock.image-shown:hover .element-heading .kenBurns { transform: scale(1.1); top: 80px }
.ucPromoBlock .element-textblock { background-color: transparent; }
.ucPromoBlock .element-textblock .element-heading img { max-height: 85px; filter: invert(1); }

.ucPromoBlock.fullBoxLink .box-link-button span { min-width: auto; letter-spacing: 3px; background: #fff !important; color: var(--button-background-color) !important; font-size: .85em; font-weight: 600; height: 45px; padding: 10px 15px; line-height: 2em; margin-top: 117px; display: none; }

.ucPromoBlock.fullBoxLink { background-color: #3D3D3D; }
.col-3.e_promoblock .ucPromoBlock.fullBoxLink { height: 391px; }
.ucPromoBlock.fullBoxLink .element-textblock .element-heading { opacity: 0; transform: scale(0.3); transition: .3s; }
.ucPromoBlock.fullBoxLink .element-textblock:hover .element-heading { opacity: 1; transform: scale(1); transition: .3s; }
.ucPromoBlock.fullBoxLink .element-thumb { opacity: .8; }
.ucPromoBlock.fullBoxLink .element-textblock { background-color: rgba(13,44,74,0.0); transition: .3s; }
.ucPromoBlock.fullBoxLink .element-textblock:hover { background-color: rgba(13,44,74,0.2); transition: .3s; }
.ucPromoBlock.fullBoxLink .button-wrap { }


/*----------------------------------------------------------------------------
    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 
-----------------------------------------------------------------------------*/
/*[class*="ucManufacturer"] .row [class*="col-"] { border: 1px solid #e1e1e1; margin-bottom: -1px; margin-right: -1px; }

.mfRpt { display: flex; padding: 20px 10px; align-items: center; justify-content: flex-start; height: 100%; }
.mfRpt .element-thumb img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; transition: .3s; }
.mfRpt:hover .element-thumb img { transform: scale(1.1) !important; }

.ucManufacturerLogoList.Style2 .row [class*="col-"], .ucManufacturer.Style2 .row [class*="col-"] { border-color: transparent; }
.ucManufacturer .mfRpt { flex-direction: column; }
.ucManufacturer .mfRpt .element-thumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100px; height: 100px; }
.ucManufacturer .mfRpt .element-thumb img { max-height: 100%; width: 100%; }
.ucManufacturer .mfRpt .element-heading { text-align: center;*/ /*font-size: 13px;*/ /*margin-top: 20px; }*/

.e_manufacturer .row [class*="col-"] { max-width: calc(10% + 13px); padding-left: 25px; padding-right: 25px; width: auto !important; flex: 0 0 auto !important; }
.e_manufacturer .row [class*="col-"]:hover { transform: scale(1.06); transition: 1s; z-index: 1; }
/*.mfRpt { -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); display: inline-flex; padding: 18px; border: dashed 1px #fff; background: #fff; }*/
.mfRpt { -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); display: inline-flex; padding: 18px 0px; /* border: dashed 1px #fff; background: #fff; */ }
.mfRpt .element-thumb:not(.owl-item .element-thumb) { display: inline-flex; justify-content: center; align-items: center; line-height: 0; }
.mfRpt .element-thumb img { width: 100%; max-width: 105px; }
.mfRpt .element-heading { text-align: center; }
.mfRpt:hover { /*-webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);*/ opacity: 1; }
.mfRpt img:hover { border-radius: var(--common-box-radius); filter: brightness(0.97); }


.ucManufacturerLogo .mfRpt { flex-direction: column; justify-content: center; }

.ucManufacturerLogoList .mfRpt { height: 225px; }
.ucManufacturerLogoList .mfRpt .element-thumb { width: 50%; min-width: 50%; display: inline-flex; align-items: center; justify-content: center; height: 100%; padding: 5px; }
.ucManufacturerLogoList .mfRpt .element-thumb img { max-height: 100px; /*max-width: 100px;*/ }
.ucManufacturerLogoList .mfRpt .element-textblock { width: 50%; display: inline-flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; }
.ucManufacturerLogoList .mfRpt .element-heading { width: 100%; text-align: center; }


.ucManufacturer.Block .row { margin-left: -12px; margin-right: -12px; }
.ucManufacturer.Block [class*="col-"] { max-width: calc(100% / 8); text-align: center; padding: 12px; }
.ucManufacturer.Block .mfRpt { border-radius: var(--common-box-radius); background: #fff; width: 100%; justify-content: center; padding: 18px; }
.ucManufacturer.Block .mfRpt img:hover { filter: initial; }
/*----------------------------------------------------------------------------
    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: var(--common-btn-radius); 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-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 var(--theme-color-opacity-30), 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 
-----------------------------------------------------------------------------*/
.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; color: var(--font-color-opacity-70); }

.galleryRpt { margin-bottom: 30px; }
.galleryRpt .element-thumb { display: flex; justify-content: center; align-items: flex-start; cursor: pointer; margin-bottom: 10px; overflow: hidden; }
.galleryRpt .element-thumb img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; }
.galleryRpt .element-thumb:hover img { -webkit-filter: brightness(0.8) saturate(0.8); filter: brightness(0.8) saturate(0.8); }
.galleryRpt .gallery-caption { color: #181818; font-size: 1.065em; }
.galleryRpt .gallery-caption a { font-size: 0.87em; color: #000000; padding-left: 3px; font-weight: 600; }

.galleryPopup .popup-body { padding: 0; }
.galleryPopup .popup-content { border-radius: 0; box-shadow: none; }
.galleryPopup .close svg { }
.galleryPopup .element-textblock { padding: 24px; text-align: center; font-size: 1.065em; }
.galleryPopup .element-heading { color: #000; font-weight: 600; }
.galleryPopup .element-description { color: #181818; margin-bottom: 20px; }

.galleryPopup .carousel .owl-nav { left: 0; right: 0; }
.galleryPopup .carousel .owl-nav button { background: rgba(255,255,255,0.3); font-size: 26px; padding: 5px; display: inline-flex; align-items: center; justify-content: center; box-shadow: none; }
.galleryPopup .carousel .owl-nav button:hover { background: rgba(255,255,255,0.6); }
.galleryPopup .carousel .owl-nav button i { color: #fff; text-shadow: 1px 1px 5px rgba(0,0,0,0.5); }


/*----------------------------------------------------------------------------
    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: var(--common-btn-radius); 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
-----------------------------------------------------------------------------*/
.modelSliderRpt { /*box-shadow: 0 1px 3px rgba(36,39,44,0.15); border-radius: 5px;*/ margin-bottom: 30px; }
.modelSliderRpt .element-thumb { display: block; font-size: 0; position: relative; height: 200px; overflow: hidden; margin-bottom: 0.5rem; }
.modelSliderRpt .element-heading { font-size: 1.1rem; font-weight: bold; line-height: 1.1; margin-bottom: 0.7rem; }
.modelSliderRpt .element-textblock { /*padding: 1rem;*/ }
.modelSliderRpt .button-wrap { 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: 1.06em; 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 .resp-tabs-container { padding: 0; }
.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: var(--common-box-radius); 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; }
.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; }
.reItm p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 68px; 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; }
.rateStars .fa { font-size: 22px; color: #ff9529; }
.rateNumb { font-size: 22px; color: #7b7b7b; font-weight: bold; line-height: 1em; margin-right: 10px; vertical-align: bottom; display: inline-block; }
.rateStars { margin-right: 10px; vertical-align: bottom; display: inline-block; }
.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: #f1f1f1; text-align: center; border-radius: var(--common-box-radius); height: 298px; padding: 44px; width: 898px; margin: auto; max-width: 100%; }
.ucValuationVisit h2 { margin-bottom: 1.1rem; font-size: 32px; font-weight: 600; letter-spacing: -0.65px; color: var(--font-color-opacity-80); padding-top: 3px; }
.ucValuationVisit .element-description { margin: auto; font-size: 1.065em; margin-bottom: 1.25rem; width: 760px; max-width: 100%; color: var(--font-color-opacity-70); }
.ucValuationVisit .button-wrap { }
.ucValuationVisit .button { border-radius: 99px; min-width: 235px; font-size: 1.2em; }
.ucValuationVisit .element-thumb { position: absolute; bottom: -5px; left: -93px; font-size: 0; }
.ucValuationVisit .element-thumb img { }

/*----------------------------------------------------------------------------
   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: var(--common-btn-radius); }

.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: var(--common-box-radius); 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 { /*box-shadow: 0 1px 3px rgba(36,39,44,0.15); border-radius: 5px;*/ 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; }

/*----------------------------------------------------------------------------
   OfferSearch ELEMENT
-----------------------------------------------------------------------------*/
.s_offersearch { height: 56vh; min-height: 56vh; display: flex; align-items: center; }
.s_offersearch .container { width: 100%; max-width: 100%; }
.ucOfferSearch .Offer-borde-left { margin-left: 6.5%; border-left: solid 4px #0038a4; margin-bottom: 15px; }
.ucOfferSearch .element-title { font-weight: 400; color: #ffffff; opacity: 1.0; font-size: 44px; text-align: left; padding-left: 28px; text-shadow: 2px 2px 2px #000000b0; }
.ucOfferSearch .element-heading { font-weight: 400; color: #ffffff; opacity: 1.0; font-size: 44px; text-align: left; padding-left: 28px; text-shadow: 2px 2px 2px #000000b0; }
.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: 40px; }
.ucOfferSearch .button-wrap { margin-bottom: 20px; margin-left: 6%; }
.ucOfferSearch .button-wrap select { width: 100%; max-width: 198px; height: 56px; color: #000; font-weight: 700; padding: 17px 24px; display: inline-block; float: left; border-radius: var(--common-btn-radius); font-size: 16px; margin-right: 12px; text-align: left; position: relative; }
.ucOfferSearch .button-wrap .button { height: 56px; background: #0038a4; border-radius: var(--common-btn-radius); }

/*----------------------------------------------------------------------------
   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: var(--common-btn-radius); 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; }