body{margin:0;padding:0;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#546e7a;overflow-x:hidden;position:relative;overflow-y:scroll;background:#eaeff2;} body *{outline:none !important;} a{color:#1596fe;} a:hover{text-decoration:none;} p, img, form, input, select, h1, h2, h3, h4, h5, h6, ul, li, ol, div, dl{margin:0;padding:0;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;} article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;margin:0;padding:0;} ul, li{list-style:none;} img{border:0;margin:0;padding:0;} p{font-size:14px;font-weight:300;line-height:24px;} a, a:focus, a:hover{color:#1596fe;text-decoration:none;cursor:pointer;} .mdl-textfield.is-focused input[type="text"]{border:solid #37474f 1px;transition:all 0.5s ease-in-out;} .container-fluid{padding:0;} .row{margin:0;} #variantScroll { overflow: auto; max-height: 423px; } .mdl-menu{min-width:100%;overflow-y:scroll;} .mdl-menu__container{height:100px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); } .mdl-menu__outline{min-width:100%;transform:scale(1);} .mdl-menu__container{width:100%;} .mdl-menu__item{height:34px;line-height:32px;} /* .mdl-button--raised:focus:not(:active){box-shadow:0 0 0px rgba(0,0,0,.18),0 3px 5px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4);} */ .mdl-textfield__input::-webkit-input-placeholder{color:#9c9d9e;font-weight:700;font-size:16px;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:rgba(84,110,122,0.6);} .mdl-textfield__input:-moz-placeholder{/* Firefox 18- */ color:#9c9d9e;font-weight:700;font-size:16px;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:rgba(84,110,122,0.6);} .mdl-textfield__input::-moz-placeholder{/* Firefox 19+ */ color:#9c9d9e;font-weight:700;font-size:16px;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:rgba(84,110,122,0.6);} .mdl-textfield__input:-ms-input-placeholder{color:#9c9d9e;font-weight:700;font-size:16px;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:rgba(84,110,122,0.6);} input:-webkit-autofill,select:-webkit-autofilltextarea:-webkit-autofill{background-color:#fff !important;} .clr{clear:both;display:block;width:100%;padding:0;margin:0;overflow:hidden;height:0;} .txtCenter{text-align:center;display:none;} .btn-orange{border:none;transition:all 0.2s ease-in-out;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; background:#ff5630 url(https://static.pbcdn.in/car-cdn/rct/images/right-arrow.svg) no-repeat 94% 12px; color:#fff;font-weight:700;text-transform:uppercase;font-size:16px;box-shadow:none;-webkit-box-shadow:none;border-radius:4px;padding:11px 30px 9px;line-height:24px;height:auto;display:block;margin:0 auto;min-width:140px;min-height:40px;} .btn-Undo{transition:all 0.3s ease-in-out;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;text-transform:uppercase;font-size:16px;box-shadow:none;-webkit-box-shadow:none;border-radius:4px;padding:11px 30px 9px;line-height:24px;height:auto;display:block;margin:0 auto;margin:10px auto;color:#546e7a;border:solid 1px #546e7a;width:220px;} .btn-Undo:hover{color:#546e7a;} .btn-orange em{width:20px;height:20px;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 0 -140px;position:absolute;right:5px;top:30%;transition:all 0.3s ease-in-out;} .btn-orange em.back-arrow{-ms-transform:rotate(20deg);/* IE 9 */ -webkit-transform:rotate(20deg);/* Safari */ transform:rotate(180deg);left:0;} .btn-orange:hover em{right:4px;} .btn-gray{font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;background:#bdc2c5 !important;cursor:default;} .registeration .btn-blue{background:#597089 !important;font-weight:400;display:block;margin:40px auto 0 !important;max-width:460px !important; text-transform: none;width: 60% !important;padding: 10px !important; font-size:12px !important;} .registeration .btn-blue:hover {background: #758ba2 !important;} .errormsgCap{border-color:#FF0000 !important;} .error-msg{border:solid #fa774d 1px;background:#fdede8;} .registeration .textinput input.error-msg{border:solid #ff1b1b 1px;background:#fdede8;} .shadow-12{box-shadow:0 10px 14px -6px rgba(0,0,0,.1),0 22px 35px 3px rgba(0,0,0,0.1),0 8px 42px 7px rgba(0,0,0,.12);-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.1),0 22px 35px 3px rgba(0,0,0,0.1),0 8px 42px 7px rgba(0,0,0,.12);} /* .shadow-4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);} */ .shadow-4{box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);} .txtUppercase input{text-transform:uppercase;} .txtUppercase input::-webkit-input-placeholder{text-transform:none;} .txtCapitalize input{text-transform:capitalize;} .pad-left{padding-left:0;} .pad-right{padding-right:0;} .breadcrum{font-size:10px;text-transform:uppercase;font-weight:700;position:relative;float:left;padding:4px 10px 7px 1px;position:absolute;left:10px;top:-7px;border:solid #1596fe 1px;width:auto;border-radius:4px;color:#54bdf2;transition:all 0.3s ease-in-out;cursor:pointer;} .breadcrum span{display:inline-block;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon-blue.png) no-repeat -5px 5px;width:15px;height:15px;-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);transition:all 0.3s ease-in-out;} .breadcrum:hover span{background-position:-5px 2px;} .header{background:rgba(255,255,255,0.5);height:56px;border-bottom:solid #d7dadc 1px;} /* .need-help{width:250px;margin:10px 0 0 0;float:right;} */ .need-help{width:auto;text-indent:30px;height:25px;margin:25px 0px 0 10px;line-height:24px;transition:all 0.3s ease-in-out;opacity:0.7;position:relative;z-index:1;padding:0 10px 0 0;border-right:solid 1px #ccc;float:right;} .need-help:hover{opacity:1;} .need-help p{font-size:18px;font-weight:500;text-align:center;} .need-help .call-back{border-radius:4px;background:#1596fe;font-size:12px;color:#fff;position:relative;padding:3px 5px;text-align:center;position:relative;float:left;} .need-help span{width:28px;height:28px;display:block;background:url(https://static.pbcdn.in/car-cdn/rct/images/phone.png) no-repeat 0 0;float:right;} .need-help .call-back:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(21, 150, 254, 0);border-left-color:#1596fe;border-width:5px;margin-top:-5px;} /*****Start TW-landing css here*********/ .call-msg{position:relative; float:inherit; width:1024px; margin:0 auto;} .callbackMsg{position:absolute;right:-100px;font-size:11px;background:#2ecc71;padding:7px 10px;color:#fff;top:23px;border-radius:4px;width:230px;box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);z-index:9;} .pb-logo{display:block;margin:20px 0 25px 0;float:left;} .header .pb-logo{margin:13px 0 10px 15px;float:left;display:block;width:170px;} .back-btn{font-size:0;} .header .back-btn{background:#ebeff2 url(https://static.pbcdn.in/car-cdn/rct/images/back-btn.png) no-repeat 6px center;border:solid #e0e0e0 1px;display:block;position:absolute;top:67px;width:auto;left:30px;clear:both;padding:5px 17px;border-radius:4px;font-size:12px;text-transform:uppercase;width:70px;font-weight:500;transition:all 0.3s ease-in-out;} .header-link{float:right;margin:0 0 0 0px;} .toll-free{float:right;margin:15px 0 0 0;color:#fa774d;font-weight:400;font-size:14px;text-align:center;font-weight:500;} .header .toll-free{margin:5px 0 0 0;} .toll-free span{display:block;color:#5d767a;font-size:12px;} .share{float:left;width:auto;text-indent:30px;height:25px;margin:25px 0px 0 0;line-height:24px;border-radius:0;transition:all 0.3s ease-in-out;opacity:0.7;position:relative;z-index:1;padding:0 10px 0 0;} .share a{cursor:pointer;color:#1596fe;font-weight:500;background:url(https://static.pbcdn.in/car-cdn/rct/images/email.png) no-repeat 7px 6px / 14%;display:block;padding:0;} .need-help a{cursor:pointer;color:#1596fe;font-weight:500;background:url(https://static.pbcdn.in/car-cdn/rct/images/phone.png) no-repeat 7px -17px / 16%;display:block;padding:0;} .share:hover{opacity:1;} .share.zindex{z-index:99;} .share-success{background:#fff;position:absolute;width:100%;height:100%;z-index:9;text-align:center;} .share-success p{margin:20px 0;} .share-success b{font-size:16px;display:block;font-weight:500;} .btn-green{background:#2ecc71 !important;} .container{} .main-container{width:1024px;height:251px;background:none;display:table;margin:0 auto 20px;position:relative;} #innerregno{background:#fff;height:566px;} #heading{margin:0 0 10px;} .main-container h1{font-weight:300;font-size:44px;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;text-transform:none;width:95%;color:#37474f;margin:5px auto 30px auto;} .main-container h1 span{font-size:28px;font-weight:200;border-top:solid #37474f 1px;border-bottom:solid #37474f 1px;text-transform:uppercase;display:block;} .registeration .inputField{border:solid #42a5f5 1px;padding:14px;font-size:16px;font-weight:700;width:100%;text-align:center;text-transform:capitalize !important;margin-bottom:10px;} input[type=button]{padding:12px 20px;display:table;clear:both;border:none;margin:0 auto;min-width:140px;} input[type=submit]{padding:12px 20px;display:table;clear:both;border:none;margin:0 auto;min-width:140px;} .registeration a{display:inline-block;margin:40px 0 0 0;/* font-weight:500; */color:#1596fe;transition:all 0.3s ease-in-out;/* border-bottom:solid #fff 2px; */font-size: 14px;float:left;} .registeration .new-car + a{float:right;} .registeration .new-car{border-left:solid #caced2 1px;width:1px;height:28px;margin:20px 15px -15px;display:inline-block;padding:27px 0 0 0;} .registeration a:hover{/* border-bottom:solid #1596fe 2px; */} .car-box{width:160px;min-height:566px;background:none;margin:0 0 0 -10px;float:left;} .ci-car{background:url(https://static.pbcdn.in/car-cdn/rct/images/car.png) no-repeat -25px 0 / 100%;width:346px;height:566px;} .mdl-textfield{width:80%;padding-bottom:0;} .mdl-textfield__input{text-align:center;border:solid #42a5f5 1px;font-size:16px;font-weight:700;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;padding:10px;} .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{top:23px;color:#ccc;opacity:1;left:auto;right:auto;text-align:center;} .registeration .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label, .registeration .mdl-textfield__label{top:34px;text-transform:uppercase;opacity:0;font-size:10px;color:rgba(55, 71, 79, 0.8);} .registeration .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .registeration .mdl-textfield--floating-label.is-dirty .mdl-textfield__label{top:24px;opacity:1;} .mdl-textfield--floating-label.is-focused .mdl-textfield__label{top:23px;text-align:center;opacity:1;position:absolute;transition:all 500ms cubic-bezier(0.175, 0.885, 0.42, 1.31);transform:translate3d(0px, 0px, 0px);} .mdl-textfield__label:after{display:none;} .mdl-textfield__label{text-align:center;top:30px;color:#9c9d9e;font-weight:700;font-size:16px;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;} .registeration .btn-orange{width: 208px;margin: 50px 0 0 0;border-radius: 0;padding: 12px 0px;box-shadow: 0px 2px 1px 0px #bfbfbf;text-transform: none;font-weight: 400;font-size: 18px; letter-spacing:0.5px;} .registeration{width:61%;margin:13px 0 0 350px;display:table;} .slideRegNo{width:279px !important;margin-top:53px !important;} .registeration .textinput{position:relative;width:65%;margin:0 auto 20px;/* float:left; */} .registeration #divRegNo.textinput{ float: left; } .registeration.textinput input,.registeration .textinput label{cursor:text;font-size:1.5em;padding:13px 1% 13px 1%;position:absolute;transition:all 0.4s ease;width:100%;left:0;top:0;opacity:0;text-align:center;font-size:14px;} .registeration .textinput input{border: solid #c6c8ca 1px;line-height:15px;width:100%;font-size:16px;font-weight:500;color:rgba(84,110,122,1);left:0;} .registeration .textinput input:focus{border:solid #1596fe 1px;} .registeration .textinput input::-webkit-input-placeholder{text-align: center;color:#c0c0c0; font-weight:400; font-size:14px; } /* .registeration .textinput input:focus::-webkit-input-placeholder{opacity:0} */ .registeration .textinput label{color:#BCB9B8;padding:0; box-shadow:box-shadow: 0 4px 3px -2px #bbb;} .registeration .textinput input.filled ~ label, .registeration .textinput input:focus ~ label{opacity:1;top:2px;text-transform:uppercase;font-size:10px;color:rgba(84,110,122,0.6);font-weight:500;} #action .clr{height: 30px;background: none;border-bottom:solid #e8e5e5 1px;position: relative;overflow: inherit;} #action .clr span{ color: #bdbdbd;background: #f1f1f1;border-radius: 50%;/*padding: 8px 10px;*/width:30px;height:30px;line-height:28px;position: absolute;z-index: 9;top: 40%;left: 47%;font-style: normal;text-align: center;} .registeration .textinput input.filled ~ label{color:rgba(55,71,79,0.6);font-size:11px;font-weight:500;position:absolute;text-transform:uppercase;top:4px;padding:0;width:100%;letter-spacing: 0.3px;} .registeration .textinput input[type="text"].filled, .registeration .textinput input[type="email"].filled:valid, .registeration .textinput input[type="tel"].filled, .registeration .textinput input[type="tel"].filled:valid { background: #fff; padding: 21px 1% 11px 1%; font-size: 17px; font-weight: 700; border: solid #2ecc71 1px; } .registeration .textinput input[type="text"].filled ~label:after, .registeration .textinput input[type="email"].filled:valid ~label:after, .registeration .textinput input[type="tel"].filled:valid ~label:after{color:#007932;content:"\f058";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:3em;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:0.3em;right:0.3em;transform:translate(0, 0);display:none;} .tw-iframe{width:100%;height:100%;border:none;min-height:470px;overflow:scroll;} .line{width:25%;height:1px;border-bottom:solid #ccc 1px;margin:26px auto;/*display:none;*/ } .line span{background:#fff;padding:3px;display:block;margin:0 auto;width:auto;display:table;position:relative;top:-14px;font-weight:500;font-size:16px;color:#adadad;} .carBg{background:#153d61;width:100%;height:78px;margin-left:105px;text-align:center;visibility:visible;} /*.carBanner{height:100px;width:522px;display:table;background:url(https://static.pbcdn.in/car-cdn/rct/images/carBanner.jpg) no-repeat 0 0;margin:0px auto 0 20px;position:absolute;top:0;display:none;} */ /*****End TW-landing css here*********/ .varification{font-weight:500;margin:0 0 5px 0;text-align:center;} .varification span{display:inline-block;font-size:11px;color:#37474f;font-weight:700;} .varification input[type="text"]{border:solid #D2D2D2 1px;padding:5px;font-weight:700;width:91px;height:23px;vertical-align:top;text-align:center;margin:0 0 0 5px;font-size:14px;line-height:14px;} #captchaError{color:red;font-size:11px;padding-bottom:5px;text-align:center;} .registeration .textinput{margin:40px auto 5px;} .registeration .new-car{margin-top:8px;position:relative;top:-6px; display:none;} /*****Start TW-prequote css here*********/ .detail-txt{width:75%;float:right;margin:0 auto;} .w400{width:400px;} .mh600{min-height:600px;} .mh532{min-height:532px;} .fleft{float:left;} h2{background:#f1f5f7;color:#37474f;display:block;font-size:16px;font-weight:500;text-align:center;margin:0 0 18px 0;padding:18px 0;} h2 a.btn-back{font-size:11px;text-transform:uppercase;font-weight:700;position:absolute;left:0;padding:2px 10px;cursor:pointer;} h2 a.btn-back span{display:inline-block;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon-blue.png) no-repeat -5px 4px;width:15px;height:15px;-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);} .view-quote{background:#f1f5f7;padding:10px 0;} .view-quote button{min-width:200px;} .preqoute-field{width:100%;background:#fff;position:relative;z-index:1;} .field-input{height:50px;width:100%;margin:0 auto;border:solid #D2D2D2 1px;} .preqoute-field .mdl-textfield.is-focused .mdl-textfield__input{border:solid #2ecc71 1px;line-height:10px;} .preqoute-field .mdl-textfield__label:after{display:none;} .preqoute-field .mdl-textfield{width:90%;margin:0 auto 10px;display:table;padding:0;} .preqoute-field .mdl-textfield__label{top:15px;} .preqoute-field .mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{top:5px;text-transform:uppercase;font-size:10px;font-size:10px;color:rgba(55,71,79,0.6);} .mdl-textfield--floating-label.is-focused .mdl-textfield__label{top:10px;} .mdl-icon-toggle__label.material-icons{position:absolute;right:1px;top:10px;background:#fff url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 5px -38px;} .preqoute-field .mdl-textfield__input{height:50px;} .textinput{/* height:58px; */margin:5px 0;position:relative;width:100%;} .textinput input,.textinput label{cursor:text;font-size:1.5em;padding:19px 1% 15px 1%;position:absolute;transition:all 0.15s ease;width:92%;left:4%;text-align:center;font-size:14px;} .textinput input{border:solid #D2D2D2 1px;line-height:10px;color:#37474f;} .textinput label{color:#BCB9B8;padding:17px 1%;cursor:pointer;} .textinput input.filled ~ label, .textinput input:focus ~ label{} .textinput input.filled ~ label{color:rgba(55,71,79,0.6);font-size:10px;font-weight:500;position:absolute;text-transform:uppercase;top:-10px;z-index:2;} .textinput input[type="text"].filled, .textinput input[type="tel"].filled, .textinput input[type="email"].filled:valid{cursor:pointer;background:none;padding:24px 1% 10px 1%;font-size:16px;font-weight:500;border:solid #2ecc71 1px;text-transform:capitalize;z-index:1;} .textinput input[type="text"].filled ~label:after, .textinput input[type="email"].filled:valid ~label:after{color:#007932;content:"\f058";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:3em;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:0.3em;right:0.3em;transform:translate(0, 0);display:none;} .select-box{width:96%;position:relative;} .preqoute-field .select-box .Select-control{text-align:center;border:solid #2ecc71 1px;height:50px;} .preqoute-field .select-box .is-focused:not(.is-open) > .Select-control{border-color:#2ecc71;position:relative;z-index:9;} .preqoute-field .select-box .Select-placeholder{width:100%;line-height:60px;font-size:16px;font-weight:500;} .preqoute-field .discount-overlay .select-box .Select-placeholder{line-height:36px;} .preqoute-field .discount-overlay .select-box .Select-control{height:auto;} .preqoute-field .discount-overlay ul li span{width:100%;} .preqoute-field .discount-overlay p{padding:10px;} .preqoute-field .select-box .Select-arrow-zone{padding-right:5px;} .select-box label{width:100%;display:block;} .select-box .ui-selectmenu-button{width:100% !important;border:solid #D2D2D2 1px;border-radius:0;margin:0 auto;float:none;display:block;min-height:52px;} .select-box .ui-selectmenu-button.ui-state-focus{border:solid #2ecc71 1px;} .select-box label{transition:all 0.3s ease;top:0px;position:absolute;text-align:center;font-size:10px;text-transform:uppercase;top:5px;font-weight:500;color:rgba(55,71,79,0.6);} .select-box .ui-selectmenu-button.ui-state-focus ~ label{color:rgba(55,71,79,0.6);font-size:10px;font-weight:600;position:absolute;text-transform:uppercase;top:-10px;} .select-box.filled .ui-selectmenu-button~ label{top:-10px;} .select-box .ui-selectmenu-button span.ui-selectmenu-text{text-align:center;padding:20px 10px 5px 10px;font-size:16px;font-weight:500;color:#37474f} .select-box .ui-state-default .ui-icon{background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 5px -46px;} #left.stick{position:fixed;top:0;margin:0 0 0} /*****Start selectBox css here*********/ .ui-selectmenu-menu{padding:0px;z-index:300;opacity:0;left:inherit;top:inherit;/* -webkit-transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);*/ -webkit-transform:scaleY(0);transform:scaleY(0);height:0;} .ui-selectmenu-menu .ui-menu{box-shadow:0px 2px 25px 0px rgba(0,0,0,0.12);border:none;} .ui-selectmenu-open{-webkit-transform:scaleY(1);transform:scaleY(1);z-index:1;opacity:1;} .ui-selectmenu-menu .ui-menu .ui-menu-item{font-size:14px;} .ui-selectmenu-menu .ui-widget-content .ui-state-focus{background:#efefef;font-size:14px;border:none;margin:0;} /*****End selectBox css here*********/ .Policy-expire{padding-right:0;margin-right:0;margin-left:6px;} .Policy-expire .textinput, .Policy-type .textinput{width:100%;} .Policy-expire .textinput input[type="text"].filled, .Policy-expire .textinput input[type="email"].filled:valid{width:100%;font-size:16px;} .Policy-type .textinput input[type="text"].filled, .Policy-type .textinput input[type="email"].filled:valid{font-size:16px;} .Policy-type .select-box{width:98%;margin:0 0 20px 0;} .Policy-type{padding-left:0;margin-left:0;margin-left:-9px;} .insureTxt{border:dashed #caced2 1px;padding:10px;font-size:16px;text-align:center;line-height:24px;font-weight:300;margin:45% 0 0 0;position:relative;z-index:0;/* background:url(https://static.pbcdn.in/car-cdn/rct/images/carBanner.jpg) no-repeat 0 0;*/ } /* .insureTxt{border:dashed #ffffff 1px;padding:10px;font-size:16px;text-align:center;line-height:24px;font-weight:300;margin:45% 0 0 0;position:relative;z-index:0;background:url(https://static.pbcdn.in/car-cdn/rct/images/carBanner.jpg) no-repeat -20px -5px;/* border-top:dashed 1px #000;*/ border-bottom:dashed 1px #000;box-shadow:inset 0px 0px 0px 4px #f5f7f8;-webkit-box-shadow:inset 0px 0px 0px 4px #f5f7f8;height:98px;} */ .Policy-expire .Select-option.is-selected, .Policy-type .Select-option.is-selected{background-color:#37474f;color:#fff;font-size:14px;font-weight:500;} .Policy-expire .Select-option.is-focused, .Policy-type .Select-option.is-focused{background-color:#f1f1f1;color:#37474f;font-size:14px;font-weight:500;line-height:16px;} .Policy-expire .Select-menu-outer{text-align:left;font-size:14px;color:#37474f;line-height:14px;font-weight:500;width:125%;} .Policy-expire .Select-option.is-selected, .Policy-type .Select-option.is-selected{font-size:14px;color:#37474f;background-color:#37474f;color:#fff;line-height:16px;font-weight:500;} .Policy-expire .Select-option, .Policy-type .Select-option{font-size:14px;color:#37474f;line-height:16px;font-weight:500;} .Policy-type .Select-menu-outer{text-align:left;font-size:14px;color:#37474f;line-height:14px;font-weight:500;width:100%;} /*****End TW-prequote css here*********/ /*****Start Overlay Box css here*********/ .overlay{width:100%;position:fixed;display:block;background:#ccc;left:0;height:100%;top:0;background:rgba(0, 0, 0, 0.5);z-index:9;} .overlay2{width:100%;position:fixed;display:block;background:#ccc;left:0;height:100%;top:0;background:rgba(0, 0, 0, 0.5);z-index:99;} .overlay3{width:100%;position:fixed;display:block;background:#ccc;left:0;height:100%;top:0;background:rgba(0, 0, 0, 0.5);z-index:99;} .overlay4{width:100%;position:fixed;display:block;background:#ccc;left:0;height:100%;top:0;background:rgba(0, 0, 0, 0.5);z-index:99;} .overlay-mob{display:none;} .overlay-left{width:50%;background:traparent;height:100%;right:0;z-index:10;} .overlay-popup{width:50%;position:fixed;top:0;background:#fff;height:100%;right:0;z-index:10;overflow-x:hidden;overflow-y:scroll;} .overlay-popup h3{padding:8px 0;text-align:center;font-size:16px;font-weight:500;margin:12px 0 20px 0;} .overlay-popup .dont-insure{border:solid #becbd4 1px;cursor:pointer;border-radius:5px;display:block;margin:0px 0;transition:all 0.3s ease-in-out;padding:0;text-align:left;width:78%;margin:15px auto 20px;color:#1596fe;border:solid #1596fe 1px;height:45px;cursor:pointer;} .overlay-popup .dont-insure span{font-size:11px;display:block;line-height:14px;color:#93a5ad;} .overlay-popup .dont-insure span.txt{position:relative;left:40px;width:90%;display:none;} .autocomplete{width:80%;text-align:center;margin:5px auto 5px;position:relative;display:table;} .autocomplete.search{position:relative; background: #f5f5f5;padding: 7px;border-radius: 6px;border: solid 1px #ccc;} .autocomplete.search:before{width:44px;height:41px;content:"";position:absolute;background:#1596fe;z-index:9;left:0; display:none;} .autocomplete .react-autosuggest__input{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background: #fff;border: solid 1px #fff;border-radius: 4px;text-align: left;padding-left: 45px;} .autocomplete .react-autosuggest__input::placeholder{color:#a9abac; text-align:left; padding-left:0px; font-weight:400;} .autocomplete .react-autosuggest__container{z-index:99;} .react-autosuggest__container:before{background:url(https://static.pbcdn.in/car-cdn/rct/images/searchIcon.svg) no-repeat 0 0;width:34px; height:34px; top:4px; left:7px;} .inputField{border:solid #1596fe 1px;width:100%;padding:10px;text-align:center;} .inputField::-webkit-input-placeholder{color:rgba(84,110,122,0.6); } .auto-list{position:relative;} .auto-list:before{width:20px;height:20px;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 0 0;content:"";position:absolute;left:13px;top:13px;} .auto-list:after{width:20px;height:20px;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 0 -43px;content:"";position:absolute;right:13px;top:13px;} .autocomplete h4{border-bottom:solid #becbd4 1px;margin-bottom:10px;} .autocomplete h4 span{width:auto;margin:0 auto;padding:4px 20px;border-radius:25px;position:relative;font-size:14px;border:solid #becbd4 1px;top:10px;background:#fff;} .autocomplete h4 span.graybg{background:#f1f3f6;} .manufact-list{width:81%;margin:0 auto;display:block;} .manufact-list li{} .manufact-list li span b{display:inline-block;vertical-align:bottom;width:100%;height:0;text-align:center;margin:35% 0 0 0;font-size:11px;font-weight:500;} .manufact-list li span{border:solid #becbd4 1px;cursor:pointer;border-radius:5px;display:block;margin:10px 0;min-height:80px;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.42, 1.31);background:url(https://static.pbcdn.in/car-cdn/rct/images/logo-gray.png) no-repeat 17px -15px;} .manufact-list li span.fiat{background-position:-262px -315px;} .manufact-list li span.ford{background-position:13px -214px;} .manufact-list li span.honda{background-position:-127px -15px;} .manufact-list li span.hyundai{background-position:-266px -15px;} .manufact-list li span.mahindra{background-position:-266px -115px;} .manufact-list li span.maruti{background-position:12px -115px;} .manufact-list li span.renault{background-position:-128px -314px;} .manufact-list li span.skoda{background-position:-265px -207px;} .manufact-list li span.tata{background-position:-126px -115px;} .manufact-list li span.toyota{background-position:-128px -212px;} .manufact-list li span.volkswagen{background-position:17px -315px;} .manufact-list li:hover span, .manufact-list li span.active{background-image:url(https://static.pbcdn.in/car-cdn/rct/images/logo-color.png);border:solid #309fd7 1px;color:#309fd7;} .auto-list ul{max-height:0;transition:max-height 0.3s ease;-webkit-box-shadow:0px 2px 25px 0px rgba(0,0,0,0.12);box-shadow:0px 2px 25px 0px rgba(0,0,0,0.12);} .auto-list ul.height{overflow-y:scroll;position:absolute;z-index:9;background:#fff;width:100%;} .auto-list ul{-webkit-transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transform-origin:1% 1%;transform-origin:1% 1%;} .auto-list ul.height{-webkit-transform:scaleY(1);transform:scaleY(1);z-index:1;opacity:1;max-height:150px;} .auto-list li{text-align:left;padding:3px 15px;cursor:pointer;} .auto-list li:nth-child(odd){background:#f9f9f9;} .auto-list li span{display:block;width:100%;} .model-list{width:80%;margin:0 auto;} .model-list li{padding:5px;text-align:center;} .model-list li.active span{background:#1596fe;color:#fff;border:solid #1596fe 1px;} .model-list li.active span:hover{background:#1596fe;color:#fff;} .model-list li span{border:solid #becbd4 1px;cursor:pointer;border-radius:5px;display:block;margin:0px 0;transition:all 0.3s ease-in-out;padding:7px 20px 7px 10px;text-align:center;} .varient-list li span{width:auto;min-width:285px;display:inline-block;position:relative;font-size:13px;letter-spacing:-0.5px;} .model-list li span:before{width:20px;height:20px;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 0 -213px;content:"";position:absolute;top:24%;right:5px;} .model-list li span.active:before{background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 0 -702px;} .model-list li span:hover{color:#1596fe;border:solid #1596fe 1px;} .model-list li span b{font-weight:500;font-size: 15px;} .varient-list li span b{ font-size: 14px; } .model-list li.active span:before{background-position:0 -703px;} .varient-list li span:before{background-position:0 -216px} .varient-list li span.active:before{background-position:0 -705px;} .rto-list{width:84%;margin:0 auto;} .rto-list li{transition:all 600ms ease-in-out;} .rto-list li span{font-size:15px;font-weight:500;border:solid #becbd4 1px;cursor:pointer;display:inline-block;margin:0 5px 7px 5px;width:48%;position:relative;border-radius:5px;transition:all 0.3s ease-in-out;padding:7px;text-align:center;} .rto-list li span:hover, .rto-list li span:focus{color:#1596fe;border:solid #1596fe 1px} .rto-list li span.active{background:#5e7681;color:#fff;border:solid #5e7681 1px;} .rto-list li span:before{width:20px;height:16px;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 1px -217px;content:"";position:absolute;top:25%;right:5px;transition:all 0.3s ease-in-out;} .rto-list li span:hover:before{background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 1px -217px;} .rto-list li div{border:solid #eff1f4 0px;} .rto-list li ul{text-align:center;} .rto-list li div ul li span{width:auto;display:inline-block;border:none;padding:6px 23px;font-weight:700;cursor:pointer;margin:0 3px 5px 3px;border:solid 1px;min-width:94px;} .rto-list li div ul li span:hover, .rto-list li div ul li span:focus, .selected-rto{color:#1596fe;border:solid #1596fe 1px} .rto-list li span:after{top:83%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136, 183, 213, 0);border-top-color:#d8e3f1;border-width:7px;margin-left:-7px;display:none;} .rto-list li div ul li span:after, .rto-list li div ul li span:before{display:none;} .overlay-popup ul li ul li{display:inline-block;} .overlay-popup a.back-btn, .overlay-popup a.next-btn{font-size:11px;text-transform:uppercase;font-weight:700;position:absolute;left:0;padding:2px 10px;cursor:pointer;top:6px;} .overlay-popup a.next-btn{font-size:11px;text-transform:uppercase;font-weight:700;position:absolute;left:inherit;right:8%;padding:2px 10px;cursor:pointer;top:12px;} .overlay-popup a.back-btn span{display:inline-block;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon-blue.png) no-repeat -5px 4px;width:15px;height:15px;-ms-transform:rotate(270deg);/* IE 9 */ -webkit-transform:rotate(270deg);/* Chrome, Safari, Opera */ transform:rotate(270deg);} .overlay-popup a.next-btn span{display:inline-block;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon-blue.png) no-repeat -5px 4px;width:15px;height:15px;-ms-transform:rotate(270deg);/* IE 9 */ -webkit-transform:rotate(270deg);/* Chrome, Safari, Opera */ transform:rotate(90deg);right:-5px;top:5px;position:absolute;} a.close{right:0;top:6px;width:32px;height:32px;opacity:0.3;margin:10px;position:absolute;z-index:9999;} a.close:hover{opacity:1;} a.close:before, .close:after{position:absolute;right:15px;top:0px;content:' ';height:33px;width:2px;background-color:#333;} a.close:before{transform:rotate(45deg);} a.close:after{transform:rotate(-45deg);} .close-icon { width: 28px; height: 19px; display: block; position: absolute; top: 3px; right: 1px; cursor: pointer; z-index: 9; } .close-icon:before, .close-icon:after { position: absolute; left: 12px; top: 5px; content: ' '; height: 15px; width: 2px; background-color: #000; border-radius: 8px; } .close-icon:before { transform: rotate(45deg); } .close-icon:after { transform: rotate(-45deg); } .dont-insure .dont-bg{background:#1596fe;width:60px;height:43px;display:inline-block;} .dont-insure input[type=checkbox]:not(old),.dont-insure input[type=radio ]:not(old){width:2em;margin:0;padding:0;font-size:1em;opacity:0;} .dont-insure input[type=checkbox]:not(old) + label,.dont-insure input[type=radio ]:not(old) + label{display:inline-block;margin:11px 0 0 -69px;vertical-align:top;width:93%;text-align:center;cursor:pointer;} .dont-insure input[type=checkbox]:not(old) + label > span,.dont-insure input[type=radio ]:not(old) + label > span{display:inline-block;width:22px;height:22px;margin:0;border:solid #4c94cd 1px;border-radius:4px;background:#fff;vertical-align:bottom;display:inline-block;margin:0 18px 0 0;float:left;} .dont-insure input[type=checkbox]:not(old):checked + label > span:before{content:'✓';display:block;width:18px;color:rgb(21, 150, 254);font-size:14px;line-height:20px;text-align:center;text-shadow:0 0 0.0714em rgb(29, 95, 148);font-weight:bold;} .dont-insure em{font-style:normal;position:relative;top:-1px;left:10px;} .rto-list li span.active, .model-list li span.active{background:#1596fe;color:#fff;border:solid #1596fe 1px;} .rto-list li span.active:before{background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 0px -99px;} .help-tip{position:absolute;top:0px;right:-25px;text-align:center;background-color:#3da9ff;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:19px;cursor:default;z-index:99;} .help-tip:before{content:'?';font-weight:bold;color:#fff;} .help-tip:hover p{display:block;transform-origin:100% 0%;-webkit-animation:fadeIn 0.3s ease-in-out;animation:fadeIn 0.3s ease-in-out;} .help-tip p{display:none;text-align:left;background-color:#1E2021;padding:7px;width:350px;position:absolute;border-radius:2px;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);right:-4px;color:#FFF;font-size:10px;line-height:1.4;} .help-tip p:before{position:absolute;content:'';width:0;height:0;border:6px solid transparent;border-bottom-color:#1E2021;right:10px;top:-12px;} .help-tip p:after{width:100%;height:40px;content:'';position:absolute;top:-40px;left:0;} @-webkit-keyframes fadeIn{0%{opacity:0;transform:scale(0.6);} 100%{opacity:100%;transform:scale(1);} } @keyframes fadeIn{0%{opacity:0;} 100%{opacity:100%;} } #searchOthers{font-size: 15px;width:98%;padding:8px 0;border:solid 1px #becbd4;border-radius:4px;margin:0 auto;font-weight:500;position:relative;cursor:pointer;} #searchOthers:after{background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 1px -43px;width:20px;height:20px;position:absolute;content:"";top:25%;right:5px;transform:rotate(270deg);-webkit-transform:rotate(270deg);transition:all 0.3s ease-in-out; display:none;} #searchOthers:hover, #searchOthers:focus{color:#1596fe;border:solid #1596fe 1px;} .search-other.autocomplete.search:before{background:#cccccc; display:none;} .search-other.autocomplete .react-autosuggest__input{ font-size:15px;letter-spacing: 0.5px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);background: #fff;border: solid 1px #fff;border-radius: 4px; text-align:left; padding-left:45px;} .search-other.autocomplete .react-autosuggest__input::placeholder{color:#a9abac; text-align:left; padding-left:0px; font-weight:400; font-size:15px; } .react-autosuggest__container:after{display:none;} /*************29Aug2016*********************/ .registeration .customer-detail{width:75%;margin:0 auto;} .registeration .customer-detail .textinput{margin:0 auto 20px;} .registeration .customer-detail .textinput:nth-child(3) { margin-bottom: 2px; } .registeration .customer-detail .textinput input{position:inherit;left:0;width:100%;padding-top:24px;padding-bottom:10px;font-weight:500;font-size:17px;text-transform:lowercase !important;cursor:text; box-shadow:none; border:solid #42a5f5 1px;} #btnLeadDetails{ border: none; transition: all .3s ease-in-out;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;background: #fa774d url(https://static.pbcdn.in/car-cdn/rct/images/arrow-long-white.png) no-repeat 94% 17px; color: #fff;font-weight: 700;text-transform: uppercase;font-size: 17px;box-shadow: none; -webkit-box-shadow: none;border-radius: 4px;padding: 11px 30px 9px;line-height: 24px;height: auto;display: block;margin: 20px auto 0;width: 210px;min-height: 40px;} #btnLeadDetails:hover{ background-color: #f94306; } .registeration .customer-detail .textinput input#name{text-transform:capitalize !important;} .registeration .customer-detail .textinput label{left:0;width:100%;cursor:text;} .registeration .customer-detail .textinput input[type="text"].filled, .customer-detail .textinput input[type="tel"].filled, .customer-detail .textinput input[type="email"].filled:valid{cursor:text;} .registeration .customer-detail .msg-error{margin:0 auto; color: red;font-size: 10px;} .margin100{margin-top:100px;} .preqoute-field.margin100 .textinput{display:table;} .preqoute-field.margin100 .textinput input{text-transform:lowercase;font-size:16px;font-weight:700;position:inherit;cursor:text;z-index:9;background:none;} .preqoute-field.margin100 .textinput input#name{text-transform:capitalize;} .preqoute-field.margin100 .textinput input[type="tel"]{padding:24px 1% 6px 1%;} .preqoute-field.margin100 .msg-error{margin:0 auto;text-align:center;} .preqoute-field.margin100 .textinput label{cursor:text;z-index:0;} /*.scrollbar{float:left;height:470px;width:100%;background:none;margin-bottom:0;} .force-overflow{min-height:470px;} #style-1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);border-radius:10px;background-color:none;width:7px;margin:10px 0;} #style-1::-webkit-scrollbar{width:12px;background-color:none;width:7px;} #style-1::-webkit-scrollbar-thumb{border-radius:10px;background-color:#a5a5a5;width:7px;} */ .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:#fff;font-weight:normal;color:#555555;border-radius:0;text-align:center;font-size:12px;} .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555555;text-decoration:none;} .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background:#1596fe;font-weight:normal;color:#fff;} .ui-widget-header{border:0px solid #aaaaaa;background:#e7ebf0 !important;color:#222222;font-weight:bold;border-radius:0; height:50px; } .ui-datepicker-group-first .ui-widget-header{border-radius:4px 0 0 0;} .ui-datepicker-group-last .ui-widget-header{border-radius:0 4px 0 0;} .ui-datepicker .ui-datepicker-title{font-weight: 600;color: #252a2e;font-size: 16px; line-height:20px;} .ui-datepicker th{ padding: 24px 0;color: #707781;font-weight: 500;} .ui-datepicker-group-first{border-right:solid #e7ebf0 1px; padding:0 0 20px 0} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color: #919fb3; padding:5px;} .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYwQkIwNTYyMTcxRTExRTlBRTgyRjRDNzI0RDQ0NDJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYwQkIwNTYzMTcxRTExRTlBRTgyRjRDNzI0RDQ0NDJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjBCQjA1NjAxNzFFMTFFOUFFODJGNEM3MjRENDQ0MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjBCQjA1NjExNzFFMTFFOUFFODJGNEM3MjRENDQ0MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71Z0M2AAACCElEQVR42pRTS2tTQRg9M/eRxD7SR7RSxRukdhERcZ2CCx9BERrxH7h1pUihq7p3p7RiN1qErkViK3QlFIRqWx9YDEgtQhra+kpN0jY3M+P35XI3tbX1wOUOfDNnzne+M2JhVeHtsoItBRhKG3QeEGiOCKxvGoSgcte7oh5MJ63x1CE5w5WYLWBbjRrEdqIQa2WDGpE2uwL0gyPhjc2qPK1/3+93Mqkua05r7E3EaHKA7rhAd6tEB6mcLai+m8/8SddCZeSqe4mUzSuzDyJtDHhjxBI43CJwIiGx+EP33X7uT1BX1dFr7sXehHzPbUraA4tILIm/PoeKUTrBGwsljeklxbdPD52zz7KdN57Wcp+/65MsQbz6Wj/1oaiTtoTGHjCNYQAtUWwUSiYz9loPeB1YvHPeydp3X9afLJfMaVawX7D5glqLuTD5FRzPfVLX/0sR+0W2IdEkNr781JlHM3ogyYouOFmRXyOzi5rM3qUdEygwtIhHBbx2idWyOTM05efojHpA0+vplB9tvoVDKLDz1JioPSZwrM3CEYrCwopOD77wJylX1eFsQMLe2f9q5SBlpycRZChiBzm6lfMnKEdVzhGPPszRrkTfKgbFdWDpl4KvOUvwHr9RU9RO+V6/c5kyNb9VD5KNnRSFb+1oXG5/a5tXUvJh2rPGvTY5V6mZxlsL8UeAAQBKAOnyyP6hcwAAAABJRU5ErkJggg==) no-repeat 0px 7px !important;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMwRjM5OTI5MTcyQjExRTlBRTgyRjRDNzI0RDQ0NDJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMwRjM5OTJBMTcyQjExRTlBRTgyRjRDNzI0RDQ0NDJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzBGMzk5MjcxNzJCMTFFOUFFODJGNEM3MjRENDQ0MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzBGMzk5MjgxNzJCMTFFOUFFODJGNEM3MjRENDQ0MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4c1lDtAAACH0lEQVR42oxTzUtUURw99973nulor6Ep0qkwiYrCMiXbTARBkDlFbd1I7fpctKhFm1pJLWxTLfsPIiVTJFq0GNr0QUWKITQvDBpzRi1zPt679/a7rxqGcgYPPN7l3t8995zfB1NaQ2kgkEA+0GAAJmZVd8qTffs28QE6y+AP1q5hWCpqZJc1BGfhXkABHS0CFioQcRgmZ2XntVH/CcU1xhrYnSI9YHMQAf2FRizCyiSVKBPVWaGS/ZeH/dFAoW7whH20Ky68IqnMkYLpOYVsHlUREgl64OOc2nv+UWnMV2gYTNo9uzfylLn8eUFhPk+WKYYzVp3IHE1n1Z4LQ6URipMDx+zD6+rZmxeexGLBEDCyxFCNw2TVCLFefZHtN576Q1+/Y8uZbn6bEhmd+qZ6zUXBfofWAqWB5/I6bY1MyrNTGbRFI9AP36uLWqurnGHVkApocdVbK7lLPHg5o056ObT1H+B34y4b/1FAvaBKrYbPKGpv5mmmqY9Mjs6ZREuI60espEs5mlnU1FsanOTVUkhE6Gjm4CYD29fzD/dOOUlTwJvPgufUY4lEq0Dc5aGqArWAT6TGxv8f7RMJD33SYkeMv7t/2umhMi5feeyPfZpXiYNbBQ5tE6BWQJNT2yirHBFOtBMZ2Xlp2B8nO039XWIn9ZVnrC2VNBxabGhk/1hbYUR+UnBrlL++ddzuTaVl32aXFVS5+mzFWfuLXwIMADRd+J6gPYUMAAAAAElFTkSuQmCC) no-repeat 15px 10px !important;} .ui-widget-content{border:1px solid #dddddd;background:#fff;color:#222222;border-radius:0;padding:0;} .idv-popup .min-idv{width:100%;display:inline-block;font-size:10px;float:left;text-align:left;padding-left:10px;} #idvEditSection{display:table;width:100%;float:right;margin:0 0 10px 0;} .enterIdv{float:right;width:58%;} .idv-popup .max-idv{float:right;} .idv-popup .min-idv b{font-size:10px;font-weight:300;} .ui-slider-horizontal{height:4px;width:60%;margin:0 10px;display:inline-block;top:0;position:relative;} .ui-slider-horizontal .ui-slider-range{top:-1px;height:4px;transition:all 0.1s ease;} .ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer;background:none;border:none;} .ui-slider-horizontal .ui-slider-handle{top:-9px;width:20px;height:20px;background:rgb(126, 220, 167);transition:all 0.1s ease;} .ui-slider-horizontal .ui-slider-handle.ui-state-focus{top:-10px;width:22px;height:22px;background:#2ecc71;border-radius:50%;} .idv-inputBox{background:none;border:solid #37474f 0px;padding:0;margin:5px 0 10px 0;} .idv-inputBox label{text-align:center;font-size:10px;text-transform:uppercase;font-weight:500;color:rgba(55,71,79,0.6);display:block;text-align:center;width:100%;} /*******try********/ .errorMsg{display:block;color:red;font-size:smaller;} .example-enter{opacity:0.01;} .example-appear{opacity:0.01;} .example-appear.example-appear-active{opacity:1;transition:opacity 500ms ease-in;} .example-enter.example-enter-active{opacity:1;transition:opacity 500ms ease-in;} .example-leave{opacity:1;} .example-leave.example-leave-active{opacity:0.01;transition:opacity 200ms ease-in;} .main-enter{opacity:0.01;} .main-appear{opacity:0.01;} .main-appear.main-appear-active{opacity:1;transition:opacity 500ms ease-in;} .main-enter.main-enter-active{opacity:1;transition:opacity 500ms ease-in;} .main-leave{opacity:1;} .main-leave.main-leave-active{opacity:0.01;transition:opacity 200ms ease-in;} .left-appear{-webkit-animation:mymove 5s infinite;/* Chrome, Safari, Opera */ animation:mymove 5s infinite;} .left-appear.left-appear-active{-webkit-animation:mymove 2s infinite;/* Chrome, Safari, Opera */ animation:mymove 2s infinite;} /* Chrome, Safari, Opera */ @-webkit-keyframes mymove{from{left:600px;} to{left:0px;} } @keyframes mymove{from{left:600px;} to{left:0px;} } .hideelem{height:0 !important;} .showelem{} .visiblefalse{height:0 !important;} .capitalize{text-transform:capitalize;} .hide{display:none;} .show{display:table !important;} /*********catch*****/ #dvQuoteList .mix{} .opacity3{opacity:0.3;} /**********Loader start*******************/ div.loader{margin:0;text-align:center;} .loader span{display:inline-block;width:6px;height:6px;margin:0 3px 0;background:rgba(255,255,255,0.4);border-radius:50%;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);animation:wave 2s infinite ease-in-out;-moz-animation:wave 2s infinite ease-in-out;-webkit-animation:wave 2s infinite ease-in-out;} @keyframes wave{0%, 60%, 100%{background:rgba(255,255,255,0.4);transform:translateY(0);-moz-transform:translateY(0);} 20%{background:rgba(255,255,255,0.95);transform:translateY(4px);-moz-transform:translateY(4px);} 40%{background:rgba(255,255,255,0.95);transform:translateY(-4px);-moz-transform:translateY(-4px);} } @-webkit-keyframes wave{0%, 60%, 100%{background:rgba(255,255,255,0.4);transform:translateY(0);-webkit-transform:translateY(0);} 20%{background:rgba(255,255,255,0.95);transform:translateY(4px);-webkit-transform:translateY(4px);} 40%{background:rgba(255,255,255,0.95);transform:translateY(-4px);-webkit-transform:translateY(-4px);} } span:nth-child(1){animation-delay:0s;-moz-animation-delay:0s;-webkit-animation-delay:0s;} span:nth-child(2){animation-delay:0.1s;-moz-animation-delay:0.1s;-webkit-animation-delay:0.1s;} span:nth-child(3){animation-delay:0.2s;-moz-animation-delay:0.2s;-webkit-animation-delay:0.2s;} /*overlay loader*/ .loaderOverLay{margin:49% auto;text-align:center;} .loaderOverLay span{display:inline-block;width:6px;height:6px;margin:0 3px 0;background:rgba(0,0,0,0.4);border-radius:50%;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);animation:waveOverlay 2s infinite ease-in-out;-moz-animation:waveOverlay 2s infinite ease-in-out;-webkit-animation:waveOverlay 2s infinite ease-in-out;} @keyframes waveOverlay{0%, 60%, 100%{background:rgba(0,0,0,0.4);transform:translateY(0);-moz-transform:translateY(0);} 20%{background:rgba(0,0,0,0.95);transform:translateY(4px);-moz-transform:translateY(4px);} 40%{background:rgba(0,0,0,0.95);transform:translateY(-4px);-moz-transform:translateY(-4px);} } @-webkit-keyframes waveOverlay{0%, 60%, 100%{background:rgba(0,0,0,0.4);transform:translateY(0);-webkit-transform:translateY(0);} 20%{background:rgba(0,0,0,0.95);transform:translateY(4px);-webkit-transform:translateY(4px);} 40%{background:rgba(0,0,0,0.95);transform:translateY(-4px);-webkit-transform:translateY(-4px);} } span:nth-child(1){animation-delay:0s;-moz-animation-delay:0s;-webkit-animation-delay:0s;} span:nth-child(2){animation-delay:0.1s;-moz-animation-delay:0.1s;-webkit-animation-delay:0.1s;} span:nth-child(3){animation-delay:0.2s;-moz-animation-delay:0.2s;-webkit-animation-delay:0.2s;} /**********Loader End*******************/ .summary-header{width:100%;display:inline-block;height:0;} .proposal-form-QuotePosition{/*top:-70px !important;*/ left:0 !important;position:absolute !important;} .tile-visible small{opacity:0;} .tile-visible div span{opacity:0;} .tile-visible div b{opacity:0;} .list-group .abc{-webkit-transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);transition:all 0.7s cubic-bezier(0.25,0.8,0.25,1);-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transform-origin:1% 1%;transform-origin:1% 1%;top:60px;} .list-group .reveal{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;} .call-me-fixed{right:-154px;transition:all 0.3s ease-in-out 0s;height:46px;z-index:9;width:66%;margin:15px 0 0 -28px;} .call-me-fixed button{background:#1596fe;height:46px;border:none;cursor:pointer;width:100%;border-radius:4px;} .call-me-fixed button em.callback-icon{background:url(https://static.pbcdn.in/car-cdn/rct/images/callback.png) no-repeat scroll 0px 5px;border-right:2px solid #1073c3;/* box-shadow:1px 0 0 #455A6D;*/ float:left;height:45px;width:42px;font-size:18px;} .call-me-fixed button span{padding:0;float:left;width:91%;color:#fff;height:37px;/* text-transform:uppercase;*/ /* text-transform:uppercase;*/ font-weight:bold;letter-spacing:-0.2px;font-style:normal;/* line-height:22px;*/ font-size:12px;font-weight:500;padding:13px 0;} .call-me-fixed button em.now{font-style:normal;} /*******Garage Locator*******/ .garage-locator{width:100%;margin:0 auto;} .garage-locator .container{width:980px;} .garage-locator .right-container h3{width:100%;margin:0 0 25px 0;} .garage-locator .autocomplete:before{display:none;} .garage-locator .autocomplete.search{width:90%;margin:0;} .garage-locator .autocomplete.search .react-autosuggest__suggestions-container{ border: none; top: 103%; /* left: 0; */ box-shadow: 0px 0px 2px #ccc; } .garage-locator h3{ padding-bottom: 5px;font-size:14px;border-bottom:solid #e0e0e0 1px;margin:0 0 11px 0;width:90%;color:rgba(84, 110, 122, 0.7);} .garage-locator h5{font-size:12px;text-align:left;padding:13px 0;color:#37474f;} .garage-locator .Select-placeholder{text-align:left;font-size:12px;line-height:46px;font-size:12px;padding:0;font-weight:700;color:#37474f;} .garage-locator .select-box{width:100%;} .garage-locator .select-box select{ background-color: #fff;width: 100%; background-position: 100% -37px; border: none;border: 1px solid #ccc;border-radius: 4px;padding: 8px 5px;font-size: 12px;color: #000;font-weight: 500;height: 36px;} .garage-locator .select-box .Select-control{border-bottom:dashed #d2e0e7 1px;} .garage-locator .select-box .Select-control:hover{border-bottom:dashed #cad5da 1px;box-shadow:none;} .garage-locator ul.garage-city{margin:0 0 30px 0;} .garage-locator ul.garage-city li{box-shadow:0 3px 6px rgba(0,0,0,0.16), 0px 1px 6px rgba(0,0,0,0.23);-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16), 0px 1px 6px rgba(0,0,0,0.23);display:table;margin:0 0 7px 0;width:100%;background:#fff;padding:30px 20px 20px;} .garage-locator ul.garage-city li .workshopName{font-size:16px;font-weight:700;margin:0 0 10px 0;} .garage-locator ul.garage-city li .address{font-size:12px;width:70%;text-transform:uppercase;} .garage-locator ul.garage-city li .contact{float:right;font-size:16px;padding-left: 25px;/*width:28%;*/text-align:right;font-weight:300;background:url(https://static.pbcdn.in/car-cdn/rct/images/phone.png) no-repeat 0 -170px;} .garage-locator ul.garage-city li .contact span{display:block;} .garage-locator .Select-arrow-zone{top:7px;} .garage-locator .search-other.autocomplete .react-autosuggest__input{border: 1px solid #ccc;padding: 8px 5px 8px;text-align:left;color:#37474f;font-weight:700;font-size:12px;/* border-bottom:dashed #d2e0e7 1px; */box-shadow: none;background: #fff;height: 36px;} .garage-locator .search-other.autocomplete .react-autosuggest__input::placeholder{ font-size: 12px; } .garage-locator .search-other.autocomplete .react-autosuggest__input::-webkit-input-placeholder{ font-size: 12px; } .garage-locator .react-autosuggest__container:before{display:none;} .garage-locator .react-autosuggest__container:after{right:0;width:14px;background-image:none;} .garage-locator .react-autosuggest__suggestions-container{width:100%;width:120%;right:0;} .garage-locator .react-autosuggest__suggestion{font-size:12px;padding:7px;} .customer-detail .radio-btn, .preqoute-field .radio-btn{width:100%;} .preqoute-field .radio-btn p.call-pre{padding:3px 0 0 18px;} .customer-detail .radio-btn ul, .preqoute-field .radio-btn ul{position:relative;} .customer-detail .radio-btn p, .preqoute-field .radio-btn p{padding:4px 0 0 0;} .customer-detail .radio-btn ul, .preqoute-field .radio-btn ul{width:100%;margin:0px 0 20px 0px;background:none;display:table;padding:0 0 0 0px;} .customer-detail .radio-btn ul li, .preqoute-field .radio-btn ul li{display:inline-block;width:100%;border:none;background:none;position:relative;text-align:left;margin:0;} .customer-detail .radio-btn ul li:nth-child(1), .preqoute-field .radio-btn ul li:nth-child(1){width:54%;} .customer-detail .radio-btn ul li:nth-child(2), .preqoute-field .radio-btn ul li:nth-child(2){width:42%;} .customer-detail .radio-btn ul li span, .preqoute-field .radio-btn ul li span{margin:0 0 0 10px;font-size:11px;letter-spacing:-0.3px;position:relative;top:0;} .customer-detail .radio-btn ul li input[type=radio], .preqoute-field .radio-btn ul li input[type=radio]{position:absolute;opacity:0;left:-17px;width:90%;height:20px;z-index:999;} .customer-detail .radio-btn ul li.own-idv input[type=radio]{top:2px;} .customer-detail .radio-btn ul li .check, .preqoute-field .radio-btn ul li .check{display:block;position:absolute;border:1px solid #37474f;border-radius:100%;height:14px;width:14px;top:-7px;left:0px;z-index:5;transition:border .25s linear;-webkit-transition:border .25s linear;} .customer-detail .radio-btn ul li.own-idv .check{top:4px;} .customer-detail .radio-btn ul li:hover .check{border:1px solid #37474f;} .customer-detail .radio-btn ul li .check::before, .preqoute-field .radio-btn ul li .check::before{display:block;position:absolute;content:'';border-radius:100%;height:8px;width:8px;top:2px;left:2px;margin:auto;transition:background 0.25s linear;-webkit-transition:background 0.25s linear;} .customer-detail .radio-btn ul input[type=radio]:checked ~ .check, .preqoute-field .radio-btn ul input[type=radio]:checked ~ .check{border:1px solid #2ecc71;} .customer-detail .radio-btn ul input[type=radio]:checked ~ .check::before, .preqoute-field .radio-btn ul input[type=radio]:checked ~ .check::before{background:#2ecc71;} .customer-detail .radio-btn ul input[type=radio]:checked ~ label, .preqoute-field .radio-btn ul input[type=radio]:checked ~ label{color:#2ecc71;} .customer-detail .radio-btn label, .preqoute-field .radio-btn label{position:absolute;left:17px;top:-10px;} .preqoute-field .radio-btn ul .msg-error{margin:7px 0 0 0;} .ncb-mob, .garage{display:none;} .claim-box, .insIdv{display:block;} .chat-box{display:none;} /***********Need help Start CSS here****************/ .qt-need{width:77%;margin:20px auto 20px;background:#fff;border:dashed #1596fe 1px;padding:10px;position:relative;height:68px;overflow:hidden;transition:all 0.3s ease-in-out;cursor:pointer;} .qt-need:hover{border:dashed #2ecc71 1px;line-height:12px;box-shadow:0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);} .qt-need:before{position:absolute;left:25px;top:12px;content:"";width:40px;height:45px;background:url(https://static.pbcdn.in/car-cdn/rct/images/need-help.png) no-repeat 0 0;} .qt-need p{font-size:18px;font-weight:500;padding:0px 0 0 105px;color:#0093ff;transition:all 0.3s ease-in-out;} .qt-need p span{display:block;font-size:12px;font-weight:300;line-height:24px;} .qt-need b{opacity:0;height:0;overflow:hidden;} .qt-need-msg{width:60%;margin:20px auto 20px;background:#2ecc71;border:dashed #2ecc71 1px;padding:10px;position:relative;height:35px;text-align:center;transition:all 0.3s ease-in-out;line-height:12px;} .qt-need-msg b{color:#fff;font-weight:400;opacity:1;} .qt-need.qt-need-msg p{opacity:0;height:0;transition:all 0.3s ease-in-out;} .qt-need-msg.qt-need:before{display:none;} .fadeoutcallback{height:0;opacity:0;transition:all 0.3s ease-in-out;padding:0;margin:0 auto;width:60%;text-align:center;} .fadeoutcallback p, .fadeoutcallback b{opacity:0;height:0;transition:all 0.3s ease-in-out;text-align:center;} /***********Need help End CSS here****************/ /*************11April2017***************/ .privacy{font-size:11px;padding:13px 0 10px;text-align:center;color:#546e7a;font-weight:400;} .privacy a{font-weight:600;} .disc-price{position:absolute;width:100%;padding:5px;text-decoration:line-through;font-size:16px;height:28px;text-align:center;} /*************18April2017***************/ .footer{text-align:center;padding:20px 0 20px 0;line-height:10px;border-top:solid #dfe5ea 1px;width:100%;margin:100px auto 15px;color:rgba(85, 111, 123, 0.8);clear:both;animation:fadein 2s;font-size:10px;} .footerquote{width:100%;margin-top:100px;} @keyframes fadein{from{opacity:0;} to{opacity:1;} } @-webkit-keyframes fadein{from{opacity:0;} to{opacity:1;} } .footer p{font-size:10px;font-weight:400;line-height:14px;} .footer a{font-size:10px;margin-bottom:3px;display:inline-block;} .claim{display:inline-block;float:right;margin:25px 0 0 0;border-right:solid 1px #ccc;padding:2px 10px 2px 32px;font-weight:500;background:url(https://static.pbcdn.in/car-cdn/rct/images/claim.png) no-repeat 0 4px;opacity:0.7;} .claimPrequote{margin-left:65%;border:none;} .claim:hover{opacity:1;} .need-help{margin-left:0;} /*****************2may2017****************/ .instaClaim{display:block;display:inline-block;text-align:center;font-size:10px;color:#1596fe;margin:0;background:url(https://static.pbcdn.in/car-cdn/rct/images/instaClaim.png) no-repeat 0 4px;padding:2px 0 2px 27px;color:#fa774d;} .instaClaim:hover{color:#fa774d;} .finalPre{border-top:solid 1px #efefef;padding:10px;margin:20px 0;font-weight:400;font-size:16px;} .finalPre b{float:right;} /***************New Header CSS here**************/ .need-help a.call-back-mob{display:none;} .pb-logo-mob{display:none;} /**************Start New Toll Free CSS here*************/ .toll-free{display:none;} a.tollFree{color:#808080;} a:hover.tollFree{color:#808080;} /* .tollFree{position:relative;font-size:14px;color:#8b8b8b;height:35px;float:right;) no-repeat right 6px;padding:0 22px 0 0;margin:26px 0 0 20px;font-weight:500;} */ .tollFree ul{display:none;} .tollFree:hover ul{display:block;} .tollFree ul{position:absolute;background:#fff;z-index:9;width:222px;height:185px;box-shadow:0 1px 5px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.1);right:-6px;padding:18px 16px;top:30px;} .tollFree ul li{border-bottom:dashed 1px #b8b8b8;padding:0 0 9px 0;margin:0 0 14px 0;} .tollFree ul li b{font-size:12px;color:#808080;font-weight:500;} .tollFree ul li span{color:#fa774d;font-size:14px;padding:4px 10px 8px 22px;display:block;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon-toll.png) no-repeat left -41px;font-weight:bold;} .tollFree ul li em{font-style:normal;font-weight:300;font-size:13px;display:block;color:#a9a9a9;} .tollFree ul li:last-child{border:none;} .overlay-toll, .tollFree-mob ul, .tollFree-mob{display:none;} /**************End New Toll Free CSS here*************/ .visibilty-hidden{visibility:hidden;} /**************Start accordion css here***************/ .life-accordion{width:75%;display:block;clear:both;margin:0 auto;padding:150px 0 0;cursor:pointer;} .life-accordion h2{background:#fff;border:solid 1px #eff0f2;margin:0;padding:15px 20px;text-align:left;} .life-accordion .content{background:#fff;padding:0 20px 20px;border:solid 1px #eff0f2;display:none;} .life-accordion .content h4{font-weight:bold;margin:20px 0 0px 0;font-size:12px;} .life-accordion .content ul{margin:0 0 20px 0;} .life-accordion .content ul li{list-style-type:disc;display:list-item;margin:0 0 10px 20px;font-size:11px;} .life-accordion .content p{font-size:11px;margin:0 0 10px 0;line-height:20px;} #dvseo{width:100%;} /***************End accordion css here***************/ /*************** Merging ***************/ .registeration .donthavepolicy{width:345px;border:none;transition:all .3s ease-in-out;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;background:#fa774d!important;color:#fff;font-weight:700;text-transform:uppercase;font-size:16px;box-shadow:none;-webkit-box-shadow:none;border-radius:4px;padding:11px 30px 9px;line-height:24px;height:auto;display:block;margin:0 auto;min-width:140px;min-height:40px;cursor:pointer} .stamp{background-image:url(https://static.pbcdn.in/car-cdn/rct/images/stamp.png);background-size:100%;background-repeat:no-repeat;width:125px;height:90px;position:absolute;z-index:99;margin-left:30px} /*************** End of Merging ***************/ /******** New in cb ********/ .car{background:url(https://static.pbcdn.in/car-cdn/rct/images/pbee-left-img.png) no-repeat 0px 0 / 100%;margin-top:20px;margin-left:10px;width:346px;height:565px;} .chatbot-box .car{margin-top:80px;} .rto-list li div ul li{float:left;} .pbee{background:url(https://static.pbcdn.in/car-cdn/rct/images/pbee.png) no-repeat;width:346px;height:566px;margin-left:0;margin-top:50px;background-size:346px 566px} .chatwindow{width:100%;position:fixed;display:block;left:0;height:88%;top:78px;z-index:9;background-color:#fff} .chatwindow iframe{width:100%;height:100%;border:0} .chatbot-box #innerregno{height:645px} .chatbot-box .model-list li{padding:3px 5px} .chatbot-box .model-list{width:100%} .chat-model-list{width:100%} .chat-head{width:100%;position:relative;margin:0;font-size:17px;font-weight:500;letter-spacing:-1px} .chat-head a.back-btn{position:absolute;left:-165px;top:0} .chat-head a.back-btn span{display:inline-block;background:url(https://static.pbcdn.in/car-cdn/rct/images/icon-blue.png) no-repeat -5px 4px;width:15px;height:15px;-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)} .chatbot-box .chat-pre-insure{margin:0 0 10px;padding:20px 0 0} .chatbot-box .ui-datepicker.ui-datepicker-multi{margin:20px auto; border-radius: 6px; box-shadow: 0px 1px 3px 0 #c1c1c1; border: none; width: 96% !important; margin: 25px 0 0 20px;} .chatbot-box .registeration a{border:none;margin:0; float:inherit;} .chatbot-box h3{padding:10px 0;background-color:#fa774d ;color:#fff;width:98%;margin:15px auto;border-radius:5px;font-size: 18px; font-weight: 500; letter-spacing: 0.5px; position: relative; } .chatbot-box h4 .back-btn{display:none} .chatbot-box .customer-detail{width:98%} .chatbot-box .registeration .textinput{width:100%} .chatbot-box .model-list.chat-support li span{text-align:left;padding:14px 20px 20px 57px;background:none;color:#ccc;height:120px} .chatbot-box .model-list.chat-support li span:hover{background:none} .chatbot-box .model-list.chat-support li span:before{background:none} .chatbot-box .model-list.chat-support li span b{font-size:18px;font-weight:500;color:#546e7a;height:42px;display:inline-block;padding:4px 0 0 44px} .chatbot-box .model-list.chat-support label{width:22px;height:22px;border:solid 2px #546e7a;position:absolute;left:22px;top:46px;border-radius:50%} .chatbot-box .model-list.chat-support li.active label:before{width:12px;height:12px;background:#546e7a;content:"";position:absolute;left:3px;top:3px;border-radius:50%} .chatbot-box .model-list.chat-support p{line-height:16px;color:#546e7a} .chat-support li:nth-child(1) b{background:url(https://static.pbcdn.in/car-cdn/rct/images/chat-icon.png) no-repeat -10px 0} .chat-support li:nth-child(2) b{background:url(https://static.pbcdn.in/car-cdn/rct/images/chat-icon.png) no-repeat -6px -105px} .btn-showMe{background:#fa774d;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;margin:0 7px 0 0;text-align:center;transition:all .3s ease 0;min-width:290px;margin:15px auto 0;min-height:50px;text-transform:none;font-weight:normal;letter-spacing:0;border:none} .btn-showMe em{width:20px;height:20px;background:url(https://static.pbcdn.in/car-cdn/rct/images/chat-arrow-btn.png) no-repeat 0 0;display:inline-block;position:relative;top:8px;left:15px} .chatbot-box .customer-detail .textinput label{opacity:1; padding: 17px 1% 16px;font-size: 15px;} .chatbot-box .registeration .textinput input[type="text"],.chatbot-box .registeration .textinput input[type="tel"]{height:55px} .chatbot-box .registeration .textinput input[type="text"].filled,.chatbot-box .registeration .textinput input[type="tel"].filled{height:55px} .chatbot-box .registeration .textinput input[type="email"].filled:valid{height:55px} .switch{position:relative;display:inline-block;width:40px;height:15px;vertical-align:middle} .switch input{display:none} .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s} .slider:before{position:absolute;content:"";height:10px;width:15px;left:4px;bottom:3px;background-color:white;-webkit-transition:.4s;transition:.4s} input:checked + .slider{background-color:#2196F3} input:focus + .slider{box-shadow:0 0 1px #2196F3} input:checked + .slider:before{-webkit-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px)} .slider.round{border-radius:10px} .slider.round:before{border-radius:50%} .swith-quote{display:table;margin:0;padding:0} .swith-quote p{margin:0;padding:0 4px;display:table-cell;font-size:12px} .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle;margin:20px 0 0;float:right} .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0} .btn-group>.btn:first-child{margin-left:0} .btn-default{color:#333;background-color:#fff;border-color:#ccc} .btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left} .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0} .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px} .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2} .btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left} .btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none;color:#fff;background-color:#286090;border-color:#204d74} .prequote_page .btn.active,.prequote_page .btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)} .prequote_page .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px} .btn-default{color:#333;background-color:#fff;border-color:#ccc} .switch_active{color:#fff;background-color:#2d9add;border-color:#3891c7} .switch_active i{background:url(https://static.pbcdn.in/car-cdn/rct/images/2way.png) no-repeat 0 0;width:16px;height:16px;display:inline-block;position:relative;top:3px} .cb-container{border-left:1px solid #e0e0e0} .width100{width:100%} .prefrenceHide{visibility:hidden} .prefrenceShow{visibility:visible} .manufact-listcb{width:81%;margin:0 auto;display:block} .manufact-listcb li span b{display:inline-block;vertical-align:bottom;width:100%;height:0;text-align:center;margin:55% 0 0;font-size:12px;font-weight:500;letter-spacing: 0.5px;} .manufact-listcb li span{border:solid #becbd4 1px;cursor:pointer;border-radius:5px;display:block;margin:8px 0;min-height:80px;transition:all .3s cubic-bezier(0.175,0.885,0.42,1.31);background:url(https://static.pbcdn.in/car-cdn/rct/images/logo-gray.png) no-repeat} .manufact-listcb li span.chevrolet{background-position:-12px -15px} .manufact-listcb li span.fiat{background-position:-288px -315px} .manufact-listcb li span.ford{background-position:-14px -214px} .manufact-listcb li span.honda{background-position:-154px -15px} .manufact-listcb li span.hyundai{background-position:-293px -15px} .manufact-listcb li span.mahindra{background-position:-293px -115px} .manufact-listcb li span.maruti{background-position:-15px -115px} .manufact-listcb li span.renault{background-position:-156px -314px} .manufact-listcb li span.skoda{background-position:-292px -207px} .manufact-listcb li span.tata{background-position:-153px -115px} .manufact-listcb li span.toyota{background-position:-155px -212px} .manufact-listcb li span.volkswagen{background-position:-12px -315px} .manufact-listcb li:hover span,.manufact-listcb li span.active{background-image:url(https://static.pbcdn.in/car-cdn/rct/images/logo-color.png);border:solid #309fd7 1px;color:#ffffff;background-color:#1596fe} .nw_cars .autocomplete.search{margin-bottom:8px;margin-top:0} .nw_cars .chat-head{margin:20px 0 -20px} .your_quotes{background:none;border-radius:5px 5px 5px 5px;margin:5px auto; width:100%;} .your_quotes .col-sm-12{padding:0;} .your_quotes .pbimg{width:80px} .h_quote{ color:#414141; text-align:left; margin:0px 0 0 0; font-weight:300; font-size:22px; padding:0; } .h_quote div{margin: 24px 0 0 0;font-weight: 300;} .h_quote div span{ border-bottom: solid 2px #b6c7d8;padding: 0 0 4px 0;} .h_quote img{float:right;margin-right:15px} .h_assist{color:white;font-size:12px;text-align:left;margin-left:10px;margin-bottom:20px;display:none} .chatbot-box h3 .l_arrowicon { width: 15px; height: 15px; border-left: 5px solid #fff; border-top: 5px solid #fff; text-indent: -100px; overflow: hidden; display: block; position: absolute; transform: translateY(-50%) rotate(-48deg); -webkit-transform: translateY(-50%) rotate(-48deg); -ms-transform: translateY(-50%) rotate(-48deg); left: 18px; top: 50%; cursor: pointer; } .chatbot-box h3 .r_arrowicon{ width: 15px; height: 15px; border-right: 5px solid #fff; border-bottom: 5px solid #fff; text-indent: -100px; overflow: hidden; display: block; position: absolute; transform: translateY(-50%) rotate(-48deg); -webkit-transform: translateY(-50%) rotate(-48deg); -ms-transform: translateY(-50%) rotate(-48deg); right: 18px; top: 50%; cursor: pointer; } .chatbot-box h3 img{display:none} #cal{width:98%} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{height:50px} .prequote_page .ui-datepicker select.ui-datepicker-month,.prequote_page .ui-datepicker select.ui-datepicker-year{padding-left:15px} .IsMobile{display:none} .registeration .donthavepolicy{width:345px;border:none;transition:all .3s ease-in-out;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;background:#fa774d!important;color:#fff;font-weight:700;text-transform:uppercase;font-size:16px;box-shadow:none;-webkit-box-shadow:none;border-radius:4px;padding:11px 30px 9px;line-height:24px;height:auto;display:block;margin:0 auto;min-width:140px;min-height:40px;cursor:pointer} .stamp{background-image:url(https://static.pbcdn.in/car-cdn/rct/images/stamp.png);background-size:100%;background-repeat:no-repeat;width:125px;height:90px;position:absolute;z-index:99;margin-left:30px} /******** End of cb ********/ .garage-locator .overlay{width:100%;position:fixed;display:block;background:#ccc;left:0;height:100%;top:0;background:rgba(0, 0, 0, 0.7);z-index:999;} .garage-locator .preloader{width:86px;height:86px;border-radius:10px;background:#333333 url(https://static.pbcdn.in/car-cdn/rct/images/loading.gif) no-repeat center 10px;margin:25% 50%;} /*img loader*/ .autocomplete .img_loader { position: absolute; z-index: 99; top: 2px; right: 4px; } /*img loader ends*/ .pb-logo { display: block; margin: 20px 0 25px 0; float: left; background: url(/images/pb_logo.svg); height: 36px; background-repeat: no-repeat; width: 196px; background-size: 180px auto; background-position: left 4px; } .pb-logo>img{display: none;} .registeration.landing-page .textinput input:focus { text-align: left; } .registeration.landing-page .textinput input.text-center{ text-align: center!important; } .vairant-height{height:52px; padding-top:17px!important;} .vairant-height::before{top:30%!important} .varient-list li span.vairant-height{height: 52px !important;padding: 0px 20px 0px 10px !important;line-height: 52px !important;} .model-list li span.vairant-height b{line-height: 1.5;display: inline-block;vertical-align: middle;} @media only screen and (min-width:1024px){.single-model{margin-left:25%;} } .customer-detail .textinput .edit-contact{position:absolute;right:20px;top:20px;z-index:5;} /************26 FEB 2018***********/ .brand-new{width: 98%;display: table;text-align: center;padding: 8px;clear: both;border: solid 1px #becbd4;margin: 0 auto;border-radius: 4px;position: relative;top: 5px; cursor:pointer;margin-bottom: 10px;} .brand-new:before{width: 20px;height: 20px;background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 4px -216px;content: "";position: absolute;top: 24%;right: 5px;} .brand-new:hover{color:#1596fe;} .brand-new.active{background: #1596fe;color: #fff; border: solid 1px #1596fe;font-weight:500;} .brand-new.active:before {background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 4px -705px;} /************26 FEB 2018***********/ /*#variantScroll{max-height:480px;overflow-y:scroll;}*/ .variant_wrapper{ max-height:480px;overflow-y:scroll; } #variantScroll::-webkit-scrollbar{width:14px;} #variantScroll::-webkit-scrollbar-track{background:#fff;border-left:6px solid white;border-right:6px solid white;} #variantScroll::-webkit-scrollbar-thumb{background:#ccc;border-left:4px solid white;border-right:4px solid white;} #modelScroll{height:420px;overflow-y:scroll;} #modelScroll::-webkit-scrollbar{width:14px;} #modelScroll::-webkit-scrollbar-track{background:#fff;border-left:6px solid white;border-right:6px solid white;} #modelScroll::-webkit-scrollbar-thumb{background:#ccc;border-left:4px solid white;border-right:4px solid white;} .registeration .textinput input{position:inherit; padding: 14px 0 13px; box-shadow: 0px 2px 1px 0px #dedede;} .dont-know{cursor: pointer;display: table;margin: 0px 0;transition: all 0.3s ease-in-out;padding: 7px 0px 0px 0px;text-align: center; margin: 20px auto;width:auto;color: #1596fe;font-size: 12px; } .dont-know:hover{border-color:#fff; border-bottom: solid 2px;} #otheroption{ margin:0 auto; width:100%;} #otheroption li{ border: solid #becbd4 1px;cursor: pointer;border-radius: 5px;display: block;margin: 0px 0;transition: all 0.3s ease-in-out;padding: 7px 20px 7px 20px;text-align: center; background:url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat right -209px;margin: 10px auto 0; width:90%;} .other-manufact{border-bottom: dashed 1px #becbd4;clear: both;text-align: center;height: 11px;margin: 10px 0 20px 0;display: table;width: 100%;} .other-manufact span{ background:#fff; padding:3px 6px; position: relative;top: 9px;} /****************Verify OTP CSS start here****************/ .verify-otp{width:400px;background:#fff;margin:0 auto;display:table;padding:50px 35px;position:relative;box-shadow:0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);position:fixed;left:50%;top:50%;margin:-130px 0 0 -175px;z-index:999;} .verify-otp .close{position:absolute;right:10px;top:10px;font-size:16px;cursor:pointer;opacity:0.7;color:#999;transition:all 0.3s ease-in-out;} .verify-otp .close:after{display:none;} .verify-otp .close:hover{color:#000;} .chatbot-box .verify-otp h3{font-size:16px;color:#000;font-weight:500;text-align:center;margin:0;} .verify-otp input[type="text"]{padding:10px;font-size:18px;text-align:center;display:table;;width:100%;margin:0 auto;border:none;border:solid #dedcdc 1px;margin:0 0 10px 0;transition:all 0.3s ease-in-out;color:#929292;font-weight:500;} .verify-otp input:focus{outline:none;border:solid #98aab3 1px;} .verify-otp a.editMob{float:left;color:#0892ff;font-size:11px;display:block;font-weight:500;} .verify-otp a.resendOtp{float:right;color:#0892ff;font-size:11px;display:block;font-weight:500;} .registeration .verify-otp .btn-orange{padding:10px;margin:50px auto 0 auto;background:#ff6d33;font-size:16px;text-align:center;color:#fff;text-decoration:none;transition:all 0.3s ease-in-out;ext-transform:uppercase;font-weight:500;display:block;clear:both;min-width:100%;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);border:solid #ef3939 1px;} .registeration .verify-otp .btn-orange:hover{box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} .verify-otp .error{font-size:11px;color:red;display:block;border:dashed #fba3a3 1px;background:#fde5e5;padding:5px;text-align:center;position:absolute;width:99.5%;left:1px;bottom:1px;} .verify-otp .success{font-size:11px;color:#1ba957;display:block;border:dashed #1ba957 1px;background:#e5fdef;padding:5px;text-align:center;position:absolute;width:99.5%;left:1px;bottom:1px;} #dvVariant .slideInRightanimated{-webkit-animation-fill-mode:none;animation-fill-mode:none;} #OTPOverlay{background:#2a424e;} .verify-otp::placeholder{color:#ccc;opacity:1;/* Firefox */ font-size:14px;font-weight:400;} .verify-otp:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#ccc;font-size:14px;font-weight:400;} .verify-otp::-ms-input-placeholder{/* Microsoft Edge */ color:#ccc;font-size:14px;font-weight:400;} .quote-tile .kotak-banner ul li{padding:0 3px 3px 24px !important;letter-spacing:-0.2px;font-size:9.5px;} .terms-text-saving {font-size: 10px;position: absolute;bottom: 0;right: 4px;} .orange-text{color: #f68630;} /********New Landing page css here************/ .registeration.landing-page{ width: 56%; margin: 13px 0 0 385px; border: solid 1px #ebeef1; padding: 26px; background: #f9fafb; border-radius: 4px;} .registeration.landing-page .textinput input { height:58px; padding:17px 35px 18px; box-shadow: 0px 1px 28px -3px #d4d4d4; border-radius: 4px 0 0 4px; border: solid #9a9b9c 1px; border-right: none; } .registeration.landing-page .btn-orange {width: 173px;border-radius: 0px 4px 4px 0;padding: 17px 0px;box-shadow: 0px 1px 28px -3px #d4d4d4;background-position:96% 17px !important;font-weight: 400;font-size: 18px;} .registeration.landing-page #action button[type="submit"]{ height: 58px; } .registeration.landing-page .btn-blue{color: #575f6f; box-shadow: none !important; border: solid 2px #dae1e7; border-radius: 4px !important; width: 300px !important; background: #eff2f5 url(https://static.pbcdn.in/car-cdn/rct/images/right-arrow2.svg) no-repeat 96% 11px !important; max-width: 99% !important; font-size: 13px !important;} .registeration a{color: #1596fe;float:inherit;/* margin: 15px 0 0 0; */} .registeration.landing-page .h_quote{font-size: 22px;font-weight: 300;color: #414141; text-align:center;} .registeration.landing-page .h_quote div{margin: 13px 0 0 0;font-weight: 300;font-size: 18px;color: #73777b;} #innerregno{border-radius:4px;} .registeration.landing-page .textinput input[type="text"].filled, .registeration .textinput input[type="email"].filled:valid{padding: 25px 1% 12px 1%;} .TPRates-prequote{display:none;} .fla-data-found{ padding-left:30px; font-size: 12px;font-weight: 300; text-align: left; position: absolute; top: -77px; left: 36%; width: 310px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4QzM0OTQ4MTZGMTExRTlBRTgyRjRDNzI0RDQ0NDJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4QzM0OTQ5MTZGMTExRTlBRTgyRjRDNzI0RDQ0NDJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhDMzQ5NDYxNkYxMTFFOUFFODJGNEM3MjRENDQ0MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhDMzQ5NDcxNkYxMTFFOUFFODJGNEM3MjRENDQ0MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Q+hl2AAACVElEQVR42qSWy2tTQRTGb8YEF9pshJpWAhYDum//B23UuChuzCYJmrrQFuq6JNZuC5ZGiqmxCuq2NW1QMH1Al7ZrBWsttPahCNb4KBpTv1O+C+P13uQmHvhxXzPfmTlz5sz13FiIGFUsCC6As+A4n8XWwDtQAE/BupOAcnh/DIxRZAScAaeAj8h9J8iwTRa0unUgU3oFLoMf4C7FAuAgkfswv+2CK+A1OF/LwXUwAZo4qhPgKngOtrV2cv+M30KcrfSZBNecHMjIb4MyiIFu8MGobeIsCeLsO6zPRGkxf8RnafzQqN8ecEaKWi26g5taWBoRN20c3AN+kDYdBBmSEuhvQNRveRaNryAhkVHM8wPgscuY65YCn8FF7d0WeAK8oq2YbgY3TD2WJpKmq5ZvplZYMc3EFusUT3GfSPa9tHxf4jWkuNo/wSdLo6MUClQRl/AWbQbwkZr7a7AHPES3LgrNa2XAOvIXVWYpehVxsMn6csQmr+fASTALhizixSrizdR8Lw7e8mWHpdF3cA7M0EmfS3Gxdl5XFEuuwXgaNk4idPLNpbiuVVBMKakhUS6snZPTXGw34pI0l6iZVzwsZIsfBrccOv3m7nRjg+AQyJlrYGZHiXU99h+1KEF29FoktsEQVXiIxBsUH6VGlCXjr/NgCvSyhtznIRJwGfMckb49WuL8c6JlmAFfeGS+4YzCdGZuyAB/BLJsY4ZFsuyOLui1GdE0D/U0OyaJ2C9efVr7MgeRNsNSy4HB3S1H5gBHJRuuTfttWZZNxFDkJVuc4vdHgAEALDmQMXNF8zgAAAAASUVORK5CYII=) no-repeat 8px 9px; box-shadow: 0px 2px 4px 0 #ccc; border-radius: 4px; padding: 4px 10px 4px 38px; animation: pulse 2s 1; white-space: nowrap; } .fla-data-found.recon_varient { /*top: 25%;*/ top:-22px; left:150%; z-index: 100; background-color: #fff; /*background-image: url(https://static.pbcdn.in/car-cdn/rct/images/information.svg);*/ background-image: url(https://static.pbcdn.in/car-cdn/rct/images/thinking-emoji.png); background-size: 22px auto; transition:all ease 0.3s; } .fla-data-found.recon_varient.animation{ left: 36%; /*width:200px;*/ } .fla-data-found.recon_varient .close-icon{ top: 2px; right: 0px; } .fla-data-found.recon_varient .close-icon::before,.fla-data-found.recon_varient .close-icon::after{ height: 12px; } .fla-data-found b{text-overflow: ellipsis;width: 225px;overflow: hidden;display: inline-block;} /*@-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0); box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); } }*/ @-webkit-keyframes pulse { 0% { background-color:#cbf2c4; } 70% { background-color:#fff; } 100% { background-color:#cbf2c4; } } @keyframes pulse { 0% { background-color:#fff; } 70% { background-color:#cbf2c4; } 100% { background-color:#fff; } } .chatbot-box .registeration .fla-data-found a{ float: right; font-size: 10px; } .app-header{background: #fff;border-bottom: solid 1px #ccc; margin:0 0 20px 0;} .app-header.row{margin:0 0 20px 0;} .app-header .pb-logo{margin: 0px 0 13px 0; padding: 35px 0 10px 0;} /* .app-header .tollFree{margin: 20px 0 0 20px;} */ .TPHeaderquotes-mob{display:none;} .TPHeaderquotes {display:block;background: #ffeebf;font-size: 14px;text-align: center;padding: 6px 0;color: #000;font-weight: 500;} .TPHeaderquotes b {color: #f76a3d;} .slideInRightanimated { -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } /* ---------------------------------------------- * Generated by Animista on 2019-9-17 17:3:28 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation slide-left * ---------------------------------------- */ @-webkit-keyframes slide-left { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slide-left { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /*.chatbot-box #innerregno{overflow:hidden;}*/ .preqoute-field {overflow:hidden;} .brandNew{text-align: left;padding: 0px 8px;} .brandNew b{float: left;font-weight: bold;margin: 10px 10px 10px 200px; width:65%; text-align:left;} .brandNew div{float:left; margin: 0px 10px 10px 200px;} .chatbot-box .registeration .brandNew div a{float: left;margin: 0 10px 0 0;border: solid 1px;border-radius: 4px;padding: 6px 22px;border: solid #becbd4 1px;color: #546e7a;font-size: 14px;font-weight: 400;} .chatbot-box .registeration .brandNew div a:hover { color: #1596fe; border: solid #1596fe 1px; } .provider{font-size: 10px;position: absolute;right: 10px;bottom: -30px;} .price-offer {background: rgb(0, 101, 255);text-align: center;color: #fff;font-size: 14px;padding: 7px 0px;box-shadow: rgb(158, 154, 137) 0px 2px 3px -2px;z-index: 9;position: relative;display: block;} .price-mob{display:none;} /*use this only*/ .welcome-msg{width: 495px;background: #f9fafb;display: table;margin: 50px 0 20px 0;} .welcome-msg .icon{float: left;margin: 0 15px 0 0; width:112px;} .welcome-msg h2{font-size: 18px;color: #172b4d;font-weight: 600;padding: 0;margin: 0;background: none;text-align: left;letter-spacing: -0.1px;margin-bottom: 10px;} .welcome-msg p{font-size: 13px;font-weight: 400;color: #8993a5;line-height: 26px;} .welcome-msg .msg-txt{float: left;width: 73%;text-align: left;} /*whats app checkbox*/ .registeration .customer-detail .custom-checkbox{ max-width: 275px; margin-left: auto; margin-right: auto; } .custom-checkbox{color: #7a869a;font-size: 14px;font-weight: normal;position: relative;padding-left: 18px;display: block;text-align: left; /* float: left; */margin-bottom: 16px;/* width: 100%; */} .custom-checkbox input[type="checkbox"]{ position: absolute; opacity: 0; } .whats_app_text{ color: #00c93d; padding-left:22px; position: relative; margin-right: 2px; } .whats_app_text::before{ width: 20px; height: 20px; background-size: contain; background-image: url(https://static.pbcdn.in/car-cdn/rct/images/whatsapp.svg); display: block; position: absolute; content: ""; left: 2px; top: 0px; } .custom-checkbox span.ractangle{ width: 12px; height: 12px; border-radius: 2px; border: solid 1px #7a869a; background-color: #ffffff; position: absolute; left: 0; top: 4px; display: block; } .custom-checkbox span.ractangle::before { content: ""; width: 4px; height: 8px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; position: absolute; transform: rotate(45deg); left: 3px; top: 0px; } .custom-checkbox input[type="checkbox"]:checked + span.ractangle{ background: #0075ff; border-color: #0075ff; } /*hover on buttons*/ .btn-orange:hover{background-color: #f94306;} /***********************************Vehicle Redirection popup*******************************/ .popup_box.vehicle_redirecion{padding: 0px;min-height: 368px;} .popup_box.vehicle_redirecion,.popup_box.vehicle_redirecion *{ box-sizing:border-box; } .popup_box.vehicle_redirecion .head_title{ background: #F2F7FF; letter-spacing: 0px; color: #4F5F79; font-size: 16px; line-height: 21px; font-weight: bold; position: relative; padding: 25px 25px 53px 60px; } .popup_box.vehicle_redirecion .head_title span.emoji{ position: absolute; left: 16px; top: 40%; transform: translateY(-50%); width: 30px; height: 31px; } .popup_box.vehicle_redirecion .head_title span.emoj img{ max-width: 100%; } .popup_box.vehicle_redirecion .white_curve{ background: #fff; padding: 24px 20px 24px; border-top-left-radius: 32px; border-top-right-radius: 32px; position: absolute; top: 110px; text-align: center; left: 0; width: 100%; border-bottom: 1px solid #f1f1f1; } .popup_box.vehicle_redirecion p.ques{ color: #4F5F79; font-size: 16px; font-weight: 400; margin-bottom: 24px; } .blue_bg_btn{background: #0065FF;border-radius: 8px;font-size: 14px;font-weight: 500;padding: 13px 20px;display: block;text-align: left;color: #fff!important;max-width: 340px;margin: 0 auto 24px;} .popup_box.vehicle_redirecion .blue_btn{border: 1px solid #0065FF;font-size: 14px;font-weight: 500;padding: 13px 20px;border-radius: 8px;display: block;text-align: left;max-width: 340px;margin: 0 auto;} .enter_vehicle_again{ position: absolute; bottom:18px; left: 0; right: 0; margin: 0 auto; } .enter_vehicle_again a{ color: #0065FF; font-size: 14px; font-weight: 500; } .popup_box.vehicle_redirecion.step2 p.ques{ font-size: 18px; } .medium{ font-weight: 500!important; } .newpopup_wrapper .popup_box .image{ margin: 30px 0px; } .newpopup_wrapper .popup_box .loader_gif{ margin: 30 auto; } .newpopup_wrapper .popup_box .loader_gif img{ max-width:90px; } /*************************************Vehicle redirection popup****************************************/ /*variant new structure*/ #dvVariant .title{ font-size: 18px; font-weight: 500; color: #253858; text-align: left; margin: 10px 5px 10px; } .variant_wrapper{ max-height:480px;overflow-y:auto;overflow-x: hidden; } /* React Date Picker Start */ .react-datepicker__portal{ background-color: rgba(0, 0, 0, 0.5); } .react-datepicker-popper { z-index: 9; } .react-datepicker { font-size: 1.2rem !important; /* min-height: 260px; */ width: 260px; left: 0 !important; border: 1px solid #efefef !important; } .react-datepicker__month-container { width: 100%; } .react-datepicker__month-container .react-datepicker__header--custom>div { justify-content: space-between !important; } .react-datepicker__month-container .react-datepicker__month-container .react-datepicker__month-wrapper>div { width: 50%; } .react-datepicker__month-text { width: 100px !important; } .year, .month { padding: 6px 25px 7px 10px; font-size: 1.2rem; border-color: rgba(37, 56, 88, 0.2); width: 33%; border-radius: 4px; height: auto; margin: 0px 6px; background: url(https://static.pbcdn.in/car-cdn/car2.0/angle-down.svg) no-repeat 90% center; background-size: 10px; appearance: none; -webkit-appearance: none; } .react-datepicker .react-datepicker__month-container .react-datepicker__header { background: none; border-bottom: none; padding-top: 0; } .react-datepicker .react-datepicker__month-container .react-datepicker__header .prevBtn { padding: 0; text-indent: -100px; overflow: hidden; width: 17px; height: 14px; margin-right: 14px; outline: none; background: url(https://static.pbcdn.in/car-cdn/car2.0/prev.svg) no-repeat 0 0/contain; } .react-datepicker .react-datepicker__month-container .react-datepicker__header .nextBtn { padding: 0; text-indent: -100px; overflow: hidden; width: 17px; height: 14px; margin-left: 14px; outline: none; background: url(https://static.pbcdn.in/car-cdn/car2.0/next.svg) no-repeat 0 0/contain; } .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { width: 23% !important; margin: 3px 12px; padding: 5px 10px; font-size: 1.2rem; } .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { background-color: var(--link-color) !important; color: var(--white-color) !important; } .react-datepicker__month { margin:5px 0 !important; text-align: center; border: 0 !important; width: 100%; } .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem !important; line-height: 3rem !important; } .react-datepicker__month-container { font-size: 1.1rem; color: var(--primary-font-color); } .react-datepicker__day--outside-month { opacity: 0.5; } .react-datepicker .react-datepicker__month-container .react-datepicker__header button { border: none; text-indent: -99999px; background: url(../images/arrow_right.svg) no-repeat center; background-size: 8px; opacity: .5; transition: all .3s; } .react-datepicker .react-datepicker__month-container .react-datepicker__header button:hover{ opacity: 1; } .react-datepicker .react-datepicker__month-container .react-datepicker__header button[disabled] { cursor: not-allowed; } .react-datepicker .react-datepicker__month-container .react-datepicker__header button:nth-child(1){ transform: rotate(180deg); } .react-datepicker .react-datepicker__month-container .react-datepicker__header select { padding: 2px 5px; border-color: #eee; font-size: 12px; font-weight: 500; color: #666; } .react-datepicker .react-datepicker__day-names { border-bottom: 1px solid #efefef; } .react-datepicker .react-datepicker__day.react-datepicker__day--disabled { cursor: not-allowed; color: #ccc; } .react-datepicker .react-datepicker__day.react-datepicker__day--disabled:hover{ background-color: transparent; color: #666; } .react-datepicker .react-datepicker__day{ margin: 1px; border-right: 0; transition: all .3s; } .react-datepicker__day--selected, .react-datepicker .react-datepicker__day:hover{ background-color: #0065FF !important; color: #fff !important; border-radius: 3px !important; } .react-datepicker__month-wrapper { display: flex; width: 100%; justify-content: space-between; } .react-datepicker__month-text{ border-radius: 2px; transition: all .3s; cursor: pointer; } .react-datepicker__month-text:hover, .react-datepicker__month-text.react-datepicker__month--selected { background-color: #0065FF; color: #fff; } .react-datepicker__month-text.react-datepicker__month--disabled { cursor: not-allowed; background: transparent; color: #ccc; } .react-datepicker__month-text.react-datepicker__month-text--disabled { cursor: not-allowed; background: transparent; color: #ccc; } .react-datepicker__month-container .react-datepicker__day-names { display: none; } /* React Date Picker End */ /* 04-04-2024 */ .d-flex{ display: flex; } .align-center{ align-items: center } .justify-end{ justify-content: end; } .call-msg{ display: flex; align-items: center; } .loginBtn{ border-radius: 8px; padding: 8px 14px; font-size: 12px; transition: all .3s; background-color: #fff; color: #0065ff; border: 1px solid rgba(0, 101, 255, 0.7); cursor: pointer; } .loginBtn:hover{ background: #0065ff; color: #fff; } .tollFree{ position:relative; font-size:14px; color:#8b8b8b; float:right; line-height: 1; padding:0 10px 0 0; font-weight:500; }