body { }
#main-block { min-height: initial !important; }
#main-block .wrap { padding: 0px !important; }
.breadCrumb { display: none; }
.innerMasterDiv { font-size: 0; }
.fade .content { background: rgba(0, 0, 0, 0.4); }
.flex.horizontalCenter { justify-content: center; }
.flex.verticalCenter { align-items: center; }
.flex { display: flex; flex-wrap: wrap; margin-left: -2%; margin-right: -2%; }
.pad.shadow { box-shadow: 0 10px 40px rgb(0 0 0 / 20%); }
.pad { padding: 40px; border-radius: 0; }
.loginForm { max-width: 690px; margin: auto; overflow: hidden; border-radius: 18px; box-shadow: 0 10px 40px rgb(0 0 0 / 20%); margin-top: 80px; }
.loginForm .pad { padding: 20px 30px; }
.formLeft { padding: 0px !important; color: #000; }
.formLeft .pad { height: 415px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.formRight { background-size: cover; border-radius: 0px 18px 18px 0px; height: 415px; max-height: 415px; position: relative; background-position: center; }
.loginForm .grid { margin: 0px; }
.formLeft h4 { margin-bottom: 30px; font-weight: bold; font-size: 18px; text-align: center; color: #000; margin-top: 0px; line-height: 1.3em; }
.loginForm .formLeft h4 { margin-bottom: 10px; }
.loginForm label { display: block; font-size: 14px; margin-bottom: 2px; font-weight: bold; }
.rounded { border-radius: 99px !important; }
.loginForm .formItem input { border: 1px solid rgba(0, 0, 0, 0.2); height: 52px; background: #dbe6e32e; }
.loginForm .button.landerbtn { -webkit-animation: none !important; animation: none !important; }
.resetLink { margin-top: 32px; font-size: 14px; opacity: 0.42; color: #000; text-align: center; }
.formLeft .button { margin-bottom: 0px; }
.loginContent { padding: 40px; text-align: center; color: #000; font-size: 28px; line-height: 1.4em; }
.loginContent span { font-weight: bold; display: block; }
.newcarSteps ul { display: block; }
.custom-header .header-container { max-width: 100% !important; }
.enqFrm .form-group.checkbox { font-size: 12px; font-weight: bold; opacity: .5; margin: 0px auto 6px; color: #303030 !important; }
.enqFrm .form-group.checkbox .partexToggle { display: inline-block; }
/*Steps Section*/
.newcarSteps { max-width: 1180px; margin: auto; text-align: center; margin-bottom: 40px; margin-top: 80px; }
.newcarSteps li { display: inline-block; margin-right: 15px; margin-left: 15px; font-size: 18px; font-weight: bold; }
.newcarSteps li span { display: inline-block; height: 40px; width: 40px; text-align: center; background: #BBBBBB; border-radius: 50%; color: #FFF; line-height: 40px; margin-right: 20px; vertical-align: middle; }
.newcarSteps li.active { color: #000; }
.newcarSteps li.active span { background: #2196F3; }
.custom-header.headerfix_yes { position: fixed; top: 0; left: 0; right: 0; z-index: 99; }
/*Date and Time Selection*/

.dateSelect li.active .dateSec { background: #3cb6c6; color: #fff; }
.dateSelect .dateSec { border-radius: 99px; box-shadow: 2px 6px 12px 0px #00095b45; color: #000; padding: 20px; font-weight: bold; margin-bottom: 25px; font-size: 18px; text-align: center; transition: 0.2s; display: block; }
.dateSelect ul { display: block; }
.dateSelect .dateSec:hover { scale: 1.05; background: #00095b; color: #fff; transition: 0.2s; }
.dateSelect p.topTitle { margin-top: 17px; font-size: 18px; padding: 0px 12px; }
.dateSelect .dealerSelect { margin-bottom: 24px; }
/*.dateSelect .dealerSelect select { border: 1px solid rgba(0, 0, 0, 0.1)!important; background: #f3faff; font-size: 16px!important; color: #242424; font-weight: normal; font-family: 'OCE Regular'; height: 52px; border-radius: 99px;  background-image: url(../images/arrow-down-small.png); background-repeat: no-repeat; background-position: right center; }*/
.dateSelect .dealerSelect select { border: none !important; background: #ffffff; height: 70px; background-image: url(../images/arrow-down-small.png); background-repeat: no-repeat; background-position: right 15px center; border-radius: 99px; box-shadow: 2px 6px 12px 0px #00095b45; color: #000; padding: 20px; font-weight: bold; margin-bottom: 30px; font-size: 18px !important; text-align: center; transition: 0.2s; display: block; font-family: 'OCE Regular'; }
.timeSelect > p { margin-bottom: 48px; font-size: 18px; padding: 0px 12px; margin-top: 30px; }
.timeSelect .timeSec { border-radius: 9px; box-shadow: 2px 6px 12px 0px #00095b24; padding: 20px; font-weight: bold; margin-bottom: 25px; font-size: 18px; height: 264px; background: #f2f2f2; color: #000; transition: 0.2s; display: block; }
.timeSelect .timeSec:hover { scale: 1.05; background: #00095b; color: #fff; transition: 0.2s; }
.timeSelect .timeSec:hover h3, .timeSelect .timeSec:hover p { color: #FFF; }

.timeSelect ul { display: block; }
.timeSelect li h3 { font-size: 38px; font-weight: bold; padding-top: 34px; }
.timeSelect li { text-align: center; }
.timeSelect .timeSec p { padding: 0px 12px; font-size: 16px !important; font-weight: normal !important; padding-top: 0px !important; margin-top: 40px; }

/*Model Selection*/
.modelSelect { position: relative; }
.modelSelect .topTitle { display: flex; align-items: center; min-height: 55px; margin-bottom: 30px; }
.modelSelect .topTitle p { margin-bottom: 0px; font-size: 18px; padding: 0px 12px; }
.modelSelect .modelBlocks .col-3-12 { margin-bottom: 30px; }
.modelSelect .modelBlock { margin-bottom: 1em; transition: 0.2s; position: relative; }
.modelSelect .modelBlock:hover { scale: 1.05; transition: 0.2s; }
.modelSelect .modelBlock .thumbnail-77 { border-radius: 9px; box-shadow: 2px 6px 12px 0px #00095b24; margin-bottom: 18px; font-size: 0px; overflow: hidden; display: flex; align-items: center; }
.modelSelect .modelBlock .title-77 { font-family: 'OCE Medium'; text-align: center; margin-top: 0px; min-height: 36px; text-transform: inherit; }
.modelSelect .modelBlock .title-77 strong { text-transform: initial; }
.modelSelect .modelBlock.dcdeLtr .thumbnail-77 { background-color: #d6dded; font-size: 24px; display: flex; align-items: center; justify-content: center; }
.modelSelect .modelBlock.dcdeLtr .thumbnail-77 svg { width: 40px; height: 40px; }
.modelSelect .modelBlock input { position: absolute; opacity: 0; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; cursor: pointer; }
.modelSelect .modelBlock label { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background-color: #fcfcfc; border-radius: 50%; margin: 0; border: 1px solid rgba(187,187, 187,0.51); }
.modelSelect .modelBlock input:checked + label:before { content: ""; display: block; width: 8px; height: 17px; border-bottom: 3px solid #2196f3; border-right: 3px solid #2196f3; position: absolute; left: 10px; top: 4px; transform: rotate(45deg); }

/*.modelSelect .nxtButton { display: flex; width: 55px; height: 55px; background-color: #2196f3; text-align: center; line-height: 40px; vertical-align: middle; align-items: center; justify-content: center; border-radius: 50%; position: absolute; right: -80px; top: 50%; }*/

.modelSelect .nxtButton { display: flex; height: 55px; background-color: #2196f3; text-align: center; line-height: 40px; vertical-align: middle; align-items: center; justify-content: center; border-radius: 40px; width: 200px; float: right; font-size: 16px; color: #FFF; }
.modelConfirm { padding-top: 0px; padding-bottom: 0px; }
.modelConfirm:after { content: ""; display: block; width: 100%; clear: both; }
/*Upgrade Form*/
.upgradeForm { background-repeat: no-repeat; background-position: center; background-size: cover; }
.upgradeForm .wrap { padding: 120px calc(8% + 15px); background: rgba(0, 0, 0, 0.6); min-height: 100vh; display: flex; align-items: center; }
.upgradeForm .confirmSelect .newcarSteps { color: #FFF; margin-top: 0px; }
.upgradeForm .confirmSelect .newcarSteps span { background: #2196F3; }
.upgradeForm .confirmSelect > p { color: #FFF; font-weight: 700; font-size: 18px; margin-bottom: 48px; }
.upgradeForm .confirmSelect .formWrp { border-radius: 18px; padding: 30px; background: #fff; color: #202020; }
.upgradeForm .confirmSelect .formWrp .formContent { margin-bottom: 10px; font-size: 16px; border-bottom: dashed 1px #e2e2e2; margin-right: 32px; padding-bottom: 0px; margin-top: 20px; }
.upgradeForm .confirmSelect .formWrp .button, .modelSelect .button { display: inline-block; margin-top: 20px; background-color: #4caf50; padding: 14px 88px; font-size: 16px; border-radius: 99px; }
.upgradeForm .confirmSelect input[type="text"], .upgradeForm .confirmSelect input[type="name"], .upgradeForm .confirmSelect input[type="email"], .upgradeForm .confirmSelect input[type="password"], .upgradeForm .confirmSelect input[type="tel"], .upgradeForm .confirmSelect textarea, .upgradeForm .confirmSelect select { border: 1px solid rgba(0, 0, 0, 0.1) !important; background: #f3faff; font-size: 16px !important; color: #242424; font-weight: normal; font-family: 'OCE Regular'; height: 52px; }
.upgradeForm .confirmSelect select { background-image: url(../images/arrow-down-small.png); background-repeat: no-repeat; background-position: right center; }
/*thanks Sec*/
.thnksSec .thnksWrp { /*max-width: 855px;*/ max-width: 690px; margin: auto; overflow: hidden; border-radius: 18px; box-shadow: 0 10px 40px rgb(0 0 0 / 20%); }
.tnksContnt { padding: 40px; text-align: center; color: #000; font-size: 28px; line-height: 1.4em; color: #00095b; }
.thnksIcon { text-align: center; margin-bottom: 25px; }
.thnksIcon img { max-width: 100%; }
.thnksWrp h2 { font-size: 32px; text-align: center; font-family: 'OCE Bold'; }
.thnksWrp p { margin-bottom: 48px; font-weight: bold; font-size: 18px; }
.thnksWrp .formLeft .pad { display: flex; flex-direction: column; justify-content: center; }
.thnksWrp .smlTxt { margin-top: 0px; font-size: 14px; opacity: 0.42; font-family: 'OCE Medium'; font-weight: normal; }
.thnksWrp .smlTxt a { font-weight: bold; }
.custom-header a.trigger { /*animation: hdr_pulse 1.35s infinite;*/ }




@keyframes hdr_pulse {
 0% { box-shadow: 0 0 14px rgba(16,43,78,0.2); }
 50% { box-shadow: 0 0 14px 6px rgba(16,43,78,0.9); }
 100% { box-shadow: 0 0 14px rgba(16,43,78,0.2); }
}

@-webkit-keyframes hdr_pulse {
 0% { -webkit-box-shadow: 0 0 14px rgba(16,43,78,0.2); }
 50% { -webkit-box-shadow: 0 0 14px 6px rgba(16,43,78,0.9); }
 100% { -webkit-box-shadow: 0 0 14px rgba(16,43,78,0.2); }
}




/*Responsive*/
@media screen and (min-width: 1600px) {
 .formLeft .pad { height: 455px; }
 .formRight { height: 455px; max-height: 455px; }
}



@media screen and (min-width: 1280px) {
 .modelSelect .modelBlock .thumbnail-77 { min-height: 285px; }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
 .newcarSteps li { margin-right: 10px; margin-left: 10px; font-size: 15px; }
 .modelSelect .nxtButton { position: initial; margin: 10px auto 40px auto; width: 60px; height: 60px; }
 .modelSelect .grid:not(.later) > [class*='col-'] { max-width: 50% !important; }
}

@media screen and (max-width: 767px) {
 .pad { background-color: #FFF !important; }
 .formRight { border-radius: 0px; height: 360px; display: none !important; }
 .formLeft .pad { height: auto !important; }
 .grid:not(.later) > .formLeft .pad { padding: 20px !important; }
 .dateSelect .grid .col-3-12.lidates { max-width: 50% !important; }
 .dateSelect .dateSec { font-size: 15px; padding: 15px; }
 .newcarSteps li { font-size: 12px; margin-bottom: 10px; margin-right: 5px; margin-left: 5px; width: calc(25% - 15px); vertical-align: top; }
 .newcarSteps li span { display: block; height: 30px; width: 30px; line-height: 30px; margin-left: auto; margin-right: auto; }
 .timeSelect .grid .col-3-12 { max-width: 50% !important; }
 .timeSelect li h3 { font-size: 20px; padding-top: 15px; }
 .timeSelect .timeSec p { padding: 0px 0px; font-size: 12px !important; margin-top: 20px; margin-bottom: 0; }
 .timeSelect .timeSec { height: 185px; }
 .upgradeForm .wrap { padding: 50px 0; }
 .modelSelect .nxtButton { position: initial; margin: 10px auto 10px auto; height: 50px; }
 .dateSelect .dealerSelect select { font-size: 15px !important; padding: 15px !important; height: 50px; }
 .slideOne.ucHome15 .content .container .wrap { align-items: center !important; justify-content: center; }
 .custom-header .menubar.sidebarTrigger { display: block !important; position: initial !important; margin-left: 10px; }
 .custom-header.bt_right .block-right .menu-links { display: none !important; }
 .custom-header.bt_right .block-right .menu-links li { margin-bottom: 0px !important; }
 .custom-header.showNav .header-container { justify-content: space-between !important; display: flex !important; }
 .newcarSteps { margin-bottom: 25px; margin-top: 25px; }
 .grid.modelBlocks:not(.later) > [class*="col-"] { max-width: 50% !important; width: 50% !important; }
 .modelSelect .topTitle { display: block !important; }
 .ucHomeBody.layout23 .custom-header .header-container .block-right { min-width: 110px !important; }
 .manuf.make_style3 .box-77 .thumbnail-77 { height: 130px; }

 .layout23 .custom-header .header-container .block-right { justify-content: end !important; width: 75%; }
 .layout23 .custom-header .header-container .block-left { width: 25%; }
 .layout23 .custom-header .header-container .block-center { display: none !important; }
 .layout23 .custom-header .makeRpt img { max-width: 80px !important; }
 .layout23 .custom-header.bt_right .block-right .menu-links { width: calc(100% - 100px); text-align: center; }
 .layout23 .custom-header .menu-links ul { justify-content: center; }
 .layout23 .custom-header.bt_right .block-right .menu-links li { margin-left: 2px; margin-right: 2px; }
 .layout23 .custom-header .menu-links ul { flex-direction: row !important; }

 .layout23 .loginForm { margin-top: auto !important; }
}

@media screen and (max-width: 599px) {
 .ucHomeBody .custom-header .logo-image { max-width: 100% !important; }
 .custom-header .logo-image { max-width: 100% !important; }
 .custom-header .trigger { font-size: 12px !important; }
 .newcarSteps { margin-bottom: 25px; margin-top: 25px; }
 .custom-header .block-left .logo { margin-right: 0px; }
 /*.custom-header .header-container .block-right { justify-content: space-between!important; min-width: calc(50% + 55px)!important; display: flex!important; }*/
 .custom-header .header-container .block-right { justify-content: space-between !important; min-width: initial !important; display: flex !important; }
 .modelSelect .nxtButton { width: 100%; }
 .popAnimated h1 { font-size: 16px !important; padding-left: 0% !important; padding-right: 0% !important; }
 .custom-header .block-right .menu-links ul { flex-direction: row !important; }
 .custom-header .block-right .menu-links ul li a { font-size: 12px !important; padding: 5px 15px !important; max-width: 90px; white-space: unset !important; max-width: 90px; line-height: 1em; min-height: initial !important; }

 .modelSelect .modelBlock .title-77 { font-size: 14px !important; min-height: 50px !important; }
}